From fd11baaf5ddb78221c2e432dcaa0d34d7cc89fc6 Mon Sep 17 00:00:00 2001 From: mittwald <> Date: Fri, 3 May 2024 06:47:34 +0000 Subject: [PATCH] Update from https://github.com/mittwald/flow/commit/b7f55138d7da75d259b76a59c9a8ca79350672e0 --- .../01-getting-started/installation.html | 4 +- .../01-getting-started/installation.txt | 352 +-- .../01-getting-started/stylesheet.html | 14 +- .../01-getting-started/stylesheet.txt | 352 +-- .../02-components/actions/action.html | 20 +- .../02-components/actions/action.txt | 375 +-- .../02-components/actions/button-group.html | 20 +- .../02-components/actions/button-group.txt | 371 +-- .../02-components/actions/button.html | 43 +- .../02-components/actions/button.txt | 391 +-- .../02-components/actions/context-menu.html | 20 +- .../02-components/actions/context-menu.txt | 371 +-- .../02-components/actions/copy-button.html | 8 +- .../02-components/actions/copy-button.txt | 362 +-- .../02-components/content/avatar.html | 24 +- .../02-components/content/avatar.txt | 374 +-- .../02-components/content/heading.html | 20 +- .../02-components/content/heading.txt | 371 +-- .../02-components/content/icon.html | 368 ++- .../02-components/content/icon.txt | 385 +-- .../content/illustrated-message.html | 12 +- .../content/illustrated-message.txt | 365 +-- .../02-components/content/image.html | 8 +- .../02-components/content/image.txt | 362 +-- .../02-components/content/inline-code.html | 8 +- .../02-components/content/inline-code.txt | 362 +-- .../02-components/content/label.html | 8 +- .../02-components/content/label.txt | 362 +-- .../02-components/content/labeled-value.html | 20 +- .../02-components/content/labeled-value.txt | 371 +-- .../02-components/content/skeleton.html | 32 + .../02-components/content/skeleton.txt | 2227 +++++++++++++++++ .../02-components/content/text.html | 12 +- .../02-components/content/text.txt | 365 +-- .../form-controls/checkbox-button.html | 8 +- .../form-controls/checkbox-button.txt | 362 +-- .../form-controls/checkbox-group.html | 18 +- .../form-controls/checkbox-group.txt | 368 +-- .../02-components/form-controls/checkbox.html | 16 +- .../02-components/form-controls/checkbox.txt | 368 +-- .../form-controls/number-field.html | 24 +- .../form-controls/number-field.txt | 374 +-- .../form-controls/radio-group.html | 52 +- .../form-controls/radio-group.txt | 377 +-- .../02-components/form-controls/select.html | 8 +- .../02-components/form-controls/select.txt | 362 +-- .../02-components/form-controls/switch.html | 16 +- .../02-components/form-controls/switch.txt | 368 +-- .../form-controls/text-area.html | 20 +- .../02-components/form-controls/text-area.txt | 371 +-- .../form-controls/text-field.html | 20 +- .../form-controls/text-field.txt | 371 +-- .../02-components/navigation/breadcrumb.html | 12 +- .../02-components/navigation/breadcrumb.txt | 365 +-- .../navigation/header-navigation.html | 16 +- .../navigation/header-navigation.txt | 372 +-- .../02-components/navigation/link.html | 25 +- .../02-components/navigation/link.txt | 379 +-- .../02-components/navigation/navigation.html | 20 +- .../02-components/navigation/navigation.txt | 371 +-- .../02-components/navigation/tabs.html | 16 +- .../02-components/navigation/tabs.txt | 372 +-- .../02-components/overlays/modal.html | 12 +- .../02-components/overlays/modal.txt | 373 +-- .../02-components/overlays/off-canvas.html | 8 +- .../02-components/overlays/off-canvas.txt | 366 +-- .../02-components/overlays/tooltip.html | 8 +- .../02-components/overlays/tooltip.txt | 362 +-- .../02-components/status/inline-alert.html | 16 +- .../02-components/status/inline-alert.txt | 372 +-- .../02-components/status/loading-spinner.html | 8 +- .../02-components/status/loading-spinner.txt | 362 +-- .../02-components/status/progress-bar.html | 20 +- .../02-components/status/progress-bar.txt | 371 +-- .../02-components/status/status-badge.html | 12 +- .../02-components/status/status-badge.txt | 365 +-- .../02-components/status/status-icon.html | 12 +- .../02-components/status/status-icon.txt | 365 +-- .../02-components/structure/accordion.html | 16 +- .../02-components/structure/accordion.txt | 362 +-- .../structure/column-layout.html | 12 +- .../02-components/structure/column-layout.txt | 365 +-- .../02-components/structure/layout-card.html | 8 +- .../02-components/structure/layout-card.txt | 362 +-- .../02-components/structure/list.html | 12 +- .../02-components/structure/list.txt | 377 +-- .../02-components/structure/section.html | 20 +- .../02-components/structure/section.txt | 375 +-- docs/302-accordion-component/404.html | 4 +- .../_buildManifest.js | 0 .../_ssgManifest.js | 0 .../static/chunks/485-8ee79e735d3c7c4d.js | 1 + .../static/chunks/485-f45453c84d136539.js | 1 - .../app/[...slug]/page-07ae505c6ab5f806.js | 1 + .../app/[...slug]/page-6bad9f240fda36f6.js | 1 - ...ebdf9b77.js => layout-d439804b356cf774.js} | 0 ...dbc8205.js => webpack-c8f0678a87d32040.js} | 2 +- .../_next/static/css/374845483ae9886d.css | 1 - .../_next/static/css/432df106628dda9d.css | 1 + .../_next/static/css/8678d7edcff22532.css | 1 - .../_next/static/css/d50c39930972e921.css | 1 + docs/302-accordion-component/index.html | 2 +- docs/302-accordion-component/index.txt | 346 +-- 103 files changed, 11244 insertions(+), 8269 deletions(-) create mode 100644 docs/302-accordion-component/02-components/content/skeleton.html create mode 100644 docs/302-accordion-component/02-components/content/skeleton.txt rename docs/302-accordion-component/_next/static/{_v7z8Hzq1hHOD71eKafw6 => _3tox7u5vn_9N17XbwCjl}/_buildManifest.js (100%) rename docs/302-accordion-component/_next/static/{_v7z8Hzq1hHOD71eKafw6 => _3tox7u5vn_9N17XbwCjl}/_ssgManifest.js (100%) create mode 100644 docs/302-accordion-component/_next/static/chunks/485-8ee79e735d3c7c4d.js delete mode 100644 docs/302-accordion-component/_next/static/chunks/485-f45453c84d136539.js create mode 100644 docs/302-accordion-component/_next/static/chunks/app/[...slug]/page-07ae505c6ab5f806.js delete mode 100644 docs/302-accordion-component/_next/static/chunks/app/[...slug]/page-6bad9f240fda36f6.js rename docs/302-accordion-component/_next/static/chunks/app/{layout-c28d3de1ebdf9b77.js => layout-d439804b356cf774.js} (100%) rename docs/302-accordion-component/_next/static/chunks/{webpack-5ec6d9692dbc8205.js => webpack-c8f0678a87d32040.js} (98%) delete mode 100644 docs/302-accordion-component/_next/static/css/374845483ae9886d.css create mode 100644 docs/302-accordion-component/_next/static/css/432df106628dda9d.css delete mode 100644 docs/302-accordion-component/_next/static/css/8678d7edcff22532.css create mode 100644 docs/302-accordion-component/_next/static/css/d50c39930972e921.css diff --git a/docs/302-accordion-component/01-getting-started/installation.html b/docs/302-accordion-component/01-getting-started/installation.html index 243c02ef6c..0c41b07347 100644 --- a/docs/302-accordion-component/01-getting-started/installation.html +++ b/docs/302-accordion-component/01-getting-started/installation.html @@ -1,4 +1,4 @@ -Installation
Installation

Flow

beta

Getting started

Installation

Willkommen in der Flow Dokumentation!
\ No newline at end of file + \ No newline at end of file diff --git a/docs/302-accordion-component/01-getting-started/installation.txt b/docs/302-accordion-component/01-getting-started/installation.txt index 8fec269f13..a3fc330f16 100644 --- a/docs/302-accordion-component/01-getting-started/installation.txt +++ b/docs/302-accordion-component/01-getting-started/installation.txt @@ -1,23 +1,23 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","01-getting-started/installation","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","01-getting-started/installation","c"],{"children":["__PAGE__?{\"slug\":[\"01-getting-started\",\"installation\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","01-getting-started/installation","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","01-getting-started/installation","c"],{"children":["__PAGE__?{\"slug\":[\"01-getting-started\",\"installation\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","01-getting-started/installation","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1535,65 +1535,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1641,22 +1646,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1705,12 +1710,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1746,7 +1751,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1782,12 +1787,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1826,17 +1831,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1879,47 +1884,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1975,7 +1980,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2023,7 +2028,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2072,12 +2077,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2109,54 +2114,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -139:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +13f:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2220,6 +2226,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Installation"}],"Willkommen in der Flow Dokumentation!","$undefined"]}],["$","$L138",null,{"mdxFile":{"mdxSource":{"compiledSource":"$139","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"}}]]}]}],"$undefined"] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Installation"}],"Willkommen in der Flow Dokumentation!","$undefined"]}],["$","$L13e",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13f","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"}}]]}]}],"$undefined"] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Installation"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/01-getting-started/stylesheet.html b/docs/302-accordion-component/01-getting-started/stylesheet.html index d7e20b713c..b025433930 100644 --- a/docs/302-accordion-component/01-getting-started/stylesheet.html +++ b/docs/302-accordion-component/01-getting-started/stylesheet.html @@ -1,4 +1,4 @@ -Stylesheet
Stylesheet

Flow

beta

Getting started

Stylesheet

Die Flow-Komponenten-Bibliotheken werden über ein gemeinsames Stylesheet, das @@ -54,15 +54,15 @@

Ein Hinweis zur Spezialisierung

Klassennamen die verwendet werden, um die Basiskomponente zu spezialisieren, müssen immer zusätzlich zum Basis-Klassennamen verwendet werden.

Hier ein paar Beispiele um die diese Anforderung zu verdeutlichen:

-
<button className="flow--button flow--button--primary">
+
<button className="flow--button flow--button--primary">
   Primary Button
 </button>;
-

+

Kombinierte Varianten

-
<button className="flow--button flow--button--primary flow--button--size-s">
+
<button className="flow--button flow--button--primary flow--button--size-s">
   Small Primary Button
 </button>;
-

+

In einer Komposition verwendete Komponenten

Es ist gängige Praxis größere Komponenten aus bereits bestehenden kleineren Komponenten zusammenzusetzen. Der InlineAlert besteht beispielsweise aus einem @@ -70,7 +70,7 @@

In einer Komposition verwendete Komp ihren Basis-Klassennamen für das grundsätzliche Styling erhalten (flow--icon), sowie den spezialisierten Klassennamen (flow--inline-alert--status-icon) um spezifische Styles des Inline Alerts zu erhalten.

-
import ExampleSvg from "@/content/01-getting-started/stylesheet/examples/components/ExampleSvg";
+
import ExampleSvg from "@/content/01-getting-started/stylesheet/examples/components/ExampleSvg";
 
 <aside className="flow--inline-alert flow--inline-alert--info">
   <ExampleSvg className="flow--icon flow--inline-alert--status-icon" />
@@ -83,4 +83,4 @@ 
In einer Komposition verwendete Komp
     senden zu können musst du die Adresse wieder umbenennen.
   </div>
 </aside>;
-

\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/01-getting-started/stylesheet.txt b/docs/302-accordion-component/01-getting-started/stylesheet.txt index c1ebcfcc70..409ea04196 100644 --- a/docs/302-accordion-component/01-getting-started/stylesheet.txt +++ b/docs/302-accordion-component/01-getting-started/stylesheet.txt @@ -1,23 +1,23 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","01-getting-started/stylesheet","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","01-getting-started/stylesheet","c"],{"children":["__PAGE__?{\"slug\":[\"01-getting-started\",\"stylesheet\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","01-getting-started/stylesheet","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","01-getting-started/stylesheet","c"],{"children":["__PAGE__?{\"slug\":[\"01-getting-started\",\"stylesheet\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","01-getting-started/stylesheet","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1535,65 +1535,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1641,22 +1646,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1705,12 +1710,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1746,7 +1751,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1782,12 +1787,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1826,17 +1831,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1879,47 +1884,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1975,7 +1980,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2023,7 +2028,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2072,12 +2077,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2109,54 +2114,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -139:T18a2,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +13f:T18a2,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2275,6 +2281,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Stylesheet"}],"$undefined","$undefined"]}],["$","$L138",null,{"mdxFile":{"mdxSource":{"compiledSource":"$139","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"}}]]}]}],"$undefined"] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Stylesheet"}],"$undefined","$undefined"]}],["$","$L13e",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13f","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"}}]]}]}],"$undefined"] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Stylesheet"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/actions/action.html b/docs/302-accordion-component/02-components/actions/action.html index 746b30fa04..ab6bffc435 100644 --- a/docs/302-accordion-component/02-components/actions/action.html +++ b/docs/302-accordion-component/02-components/actions/action.html @@ -1,41 +1,41 @@ -Action
Action

Flow

beta

Components

Action

Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen.GitHub

Beispiel

-
import Button from "@mittwald/flow-react-components/Button";
+
Flow
beta

Components

Action

Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen.GitHub

Beispiel

+
import Button from "@mittwald/flow-react-components/Button";
 import Action from "@mittwald/flow-react-components/Action";
 import { sleep } from "@/content/02-components/actions/action/examples/lib";
 
 <Action action={sleep}>
   <Button>Speichern</Button>
 </Action>;
-
+

Pending

Wenn eine asynchrone Aktion länger als 1000 Millisekunden dauert wird der pending State angezeigt.

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 import Action from "@mittwald/flow-react-components/Action";
 import { sleepLong } from "@/content/02-components/actions/action/examples/lib";
 
 <Action action={sleepLong}>
   <Button>Speichern</Button>
 </Action>;
-

+

Feedback

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 import Action from "@mittwald/flow-react-components/Action";
 
 <Action action={() => {}} showFeedback>
   <Button>Speichern</Button>
 </Action>;
-

+

Bestätigungs-Dialog

Beinhaltet eine Action ein Modal mit slot="confirmAction", wird dieses Modal für die Bestätigung der Action angezeigt.

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 import Action from "@mittwald/flow-react-components/Action";
 import { sleepLong } from "@/content/02-components/actions/action/examples/lib";
 import { Modal } from "@mittwald/flow-react-components/Modal";
@@ -64,4 +64,4 @@ 
Bestätigungs-Dialog

     Projekt löschen
   </Button>
 </Action>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/actions/action.txt b/docs/302-accordion-component/02-components/actions/action.txt index c42ef319cf..e9210a9c59 100644 --- a/docs/302-accordion-component/02-components/actions/action.txt +++ b/docs/302-accordion-component/02-components/actions/action.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/actions/action","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/actions/action","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"actions\",\"action\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/actions/action","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13e:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/actions/action","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"actions\",\"action\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/actions/action","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +144:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13b:T412,import Button from "@mittwald/flow-react-components/Button"; +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +141:T412,import Button from "@mittwald/flow-react-components/Button"; import Action from "@mittwald/flow-react-components/Action"; import { sleepLong } from "@/content/02-components/actions/action/examples/lib"; import { Modal } from "@mittwald/flow-react-components/Modal"; @@ -2190,7 +2196,7 @@ import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup"; Projekt löschen ; -13f:T808,/*@jsxRuntime automatic @jsxImportSource react*/ +145:T85f,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2211,11 +2217,13 @@ function _createMdxContent(props) { children: "pending" }), " State angezeigt."] }), "\n", _jsx(LiveCodeEditor, { - example: "longAction" + example: "longAction", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Feedback" }), "\n", _jsx(LiveCodeEditor, { - example: "feedback" + example: "feedback", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Bestätigungs-Dialog" }), "\n", _jsxs(_components.p, { @@ -2223,7 +2231,8 @@ function _createMdxContent(props) { children: "slot=\"confirmAction\"" }), ", wird dieses Modal\nfür die Bestätigung der Action angezeigt."] }), "\n", _jsx(LiveCodeEditor, { - example: "confirmation" + example: "confirmation", + editorCollapsed: true })] }); } @@ -2239,7 +2248,7 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -140:T412,import Button from "@mittwald/flow-react-components/Button"; +146:T412,import Button from "@mittwald/flow-react-components/Button"; import Action from "@mittwald/flow-react-components/Action"; import { sleepLong } from "@/content/02-components/actions/action/examples/lib"; import { Modal } from "@mittwald/flow-react-components/Modal"; @@ -2268,6 +2277,6 @@ import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup"; Projekt löschen ; -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Action"}],"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Action","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$13b","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13c",null,{"children":[["$","$L13d",null,{"children":[["$","$L13e",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13f","frontmatter":{},"scope":{}},"examples":{"confirmation":"$140","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Action"}],"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Action","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$141","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L142",null,{"children":[["$","$L143",null,{"children":[["$","$L144",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$145","frontmatter":{},"scope":{}},"examples":{"confirmation":"$146","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Action"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/actions/button-group.html b/docs/302-accordion-component/02-components/actions/button-group.html index 1dd8ec6ab2..2cc417a392 100644 --- a/docs/302-accordion-component/02-components/actions/button-group.html +++ b/docs/302-accordion-component/02-components/actions/button-group.html @@ -1,8 +1,8 @@ -ButtonGroup
ButtonGroup

Flow

beta

Components

ButtonGroup

Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet.GitHub

Beispiel

-
import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup";
+
Flow
beta

Components

ButtonGroup

Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet.GitHub

Beispiel

+
import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup";
 import Button from "@mittwald/flow-react-components/Button";
 
 <ButtonGroup>
@@ -11,10 +11,10 @@
     Abbrechen
   </Button>
 </ButtonGroup>;
-
+

Danger

-
import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup";
+
import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup";
 import Button from "@mittwald/flow-react-components/Button";
 
 <ButtonGroup>
@@ -23,19 +23,19 @@ 
Danger

     Abbrechen
   </Button>
 </ButtonGroup>;
-

+

Info

-
import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup";
+
import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup";
 import Button from "@mittwald/flow-react-components/Button";
 
 <ButtonGroup>
   <Button>Ok</Button>
 </ButtonGroup>;
-

+

Zusätzlicher Secondary Button

-
import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup";
+
import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup";
 import Button from "@mittwald/flow-react-components/Button";
 
 <ButtonGroup>
@@ -47,4 +47,4 @@ 
Zusätzlicher Secondary Button

     Abbrechen
   </Button>
 </ButtonGroup>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/actions/button-group.txt b/docs/302-accordion-component/02-components/actions/button-group.txt index 87f102f582..c9668b99cd 100644 --- a/docs/302-accordion-component/02-components/actions/button-group.txt +++ b/docs/302-accordion-component/02-components/actions/button-group.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/actions/button-group","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/actions/button-group","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"actions\",\"button-group\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/actions/button-group","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/actions/button-group","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"actions\",\"button-group\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/actions/button-group","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T623,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T67a,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,15 +2182,18 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Danger" }), "\n", _jsx(LiveCodeEditor, { - example: "danger" + example: "danger", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Info" }), "\n", _jsx(LiveCodeEditor, { - example: "info" + example: "info", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Zusätzlicher Secondary Button" }), "\n", _jsx(LiveCodeEditor, { - example: "additionalSecondary" + example: "additionalSecondary", + editorCollapsed: true })] }); } @@ -2200,6 +2209,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"ButtonGroup"}],"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/ButtonGroup","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"ButtonGroup"}],"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/ButtonGroup","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"ButtonGroup"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/actions/button.html b/docs/302-accordion-component/02-components/actions/button.html index 553d58aaf3..b67f8497e8 100644 --- a/docs/302-accordion-component/02-components/actions/button.html +++ b/docs/302-accordion-component/02-components/actions/button.html @@ -1,10 +1,10 @@ -Button
Button

Flow

beta

Components

Button

Der Button dient zum Ausführen von Aktionen.GitHub

Beispiel

+

Flow

beta

Components

Button

Der Button dient zum Ausführen von Aktionen.GitHub

Beispiel

Benutze das onPress Property um die Interaktion mit Maus, Keyboard oder Touch zu ermöglichen.

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 
 <Button
   onPress={() => {
@@ -13,10 +13,10 @@
 >
   Fortfahren/Aktion
 </Button>;
-

+

Verschiedene Farbvarianten

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 
 <Row>
   <Button color="primary">Fortfahren/Aktion</Button>
@@ -24,10 +24,10 @@ 
Verschiedene Farbvarianten

   <Button color="accent">Erstellen/Speichern</Button>
   <Button color="danger">Löschen/Kündigen</Button>
 </Row>;
-

+

Plain Variante

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 
 <Row>
   <Button variant="plain" color="primary">
@@ -43,10 +43,10 @@ 
Plain Variante

     Löschen/Kündigen
   </Button>
 </Row>;
-

+

Soft Variante

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 
 <Row>
   <Button variant="soft" color="primary">
@@ -62,26 +62,25 @@ 
Soft Variante

     Löschen/Kündigen
   </Button>
 </Row>;
-

+

Mit Icon

Benutze die <Icon /> Komponente in einem <Button /> um ein Icon darzustellen.

-
-

Accessibility

+

Accessibility

Das enthaltene SVG erhält automatisch das aria-hidden=true Attribut. Wenn dein Button keinen Text enthält, benutze das aria-label Attribut um die hinterlegte Aktion zu beschreiben.

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 import { IconHome } from "@mittwald/flow-react-components/Icons";
 
 <Button aria-label="Home">
   <IconHome />
 </Button>;
-

+

Mit Icon und Text

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 import Text from "@mittwald/flow-react-components/Text";
 import { IconChevronDown } from "@mittwald/flow-react-components/Icons";
 
@@ -89,16 +88,16 @@ 
Mit Icon und Text

   <Text>E-Mail-Adresse hinzufügen</Text>
   <IconChevronDown />
 </Button>;
-

+

Small Variante

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 
 <Button size="s">Fortfahren/Aktion</Button>;
-

+

States

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 
 <Row>
   <Button isDisabled>Fortfahren/Aktion</Button>
@@ -106,10 +105,10 @@ 
States

   <Button isSucceeded>Fortfahren/Aktion</Button>
   <Button isFailed>Fortfahren/Aktion</Button>
 </Row>;
-

+

Inverse

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 
 <Button inverse>Fortfahren/Aktion</Button>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/actions/button.txt b/docs/302-accordion-component/02-components/actions/button.txt index 1a8f584886..ca0f3f9fd2 100644 --- a/docs/302-accordion-component/02-components/actions/button.txt +++ b/docs/302-accordion-component/02-components/actions/button.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/actions/button","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/actions/button","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"actions\",\"button\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/actions/button","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/actions/button","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"actions\",\"button\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/actions/button","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:Td16,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:Tdec,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2169,7 +2175,8 @@ function _createMdxContent(props) { h2: "h2", p: "p", code: "code", - hr: "hr" + hr: "hr", + h3: "h3" }, _provideComponents(), props.components), {LiveCodeEditor} = _components; if (!LiveCodeEditor) _missingMdxReference("LiveCodeEditor", true); return _jsxs(_Fragment, { @@ -2182,15 +2189,18 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Verschiedene Farbvarianten" }), "\n", _jsx(LiveCodeEditor, { - example: "colors" + example: "colors", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Plain Variante" }), "\n", _jsx(LiveCodeEditor, { - example: "plain" + example: "plain", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Soft Variante" }), "\n", _jsx(LiveCodeEditor, { - example: "soft" + example: "soft", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Icon" }), "\n", _jsxs(_components.p, { @@ -2199,7 +2209,7 @@ function _createMdxContent(props) { }), " Komponente in einem ", _jsx(_components.code, { children: "\n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Button"}],"Der Button dient zum Ausführen von Aktionen.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Button","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Button"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/actions/context-menu.html b/docs/302-accordion-component/02-components/actions/context-menu.html index cad4531b3f..d639097579 100644 --- a/docs/302-accordion-component/02-components/actions/context-menu.html +++ b/docs/302-accordion-component/02-components/actions/context-menu.html @@ -1,8 +1,8 @@ -ContextMenu
ContextMenu

Flow

beta

Components

ContextMenu

Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält.GitHub

Beispiel

-
import ContextMenu, {
+
Flow
beta

Components

ContextMenu

Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält.GitHub

Beispiel

+
import ContextMenu, {
   ContextMenuTrigger,
 } from "@mittwald/flow-react-components/ContextMenu";
 import Button from "@mittwald/flow-react-components/Button";
@@ -20,10 +20,10 @@
     <MenuItem id="3">Item 3</MenuItem>
   </ContextMenu>
 </ContextMenuTrigger>;
-
+

Einfach-Auswahl

-
import ContextMenu, {
+
import ContextMenu, {
   ContextMenuTrigger,
 } from "@mittwald/flow-react-components/ContextMenu";
 import Button from "@mittwald/flow-react-components/Button";
@@ -40,10 +40,10 @@ 
Einfach-Auswahl

     <MenuItem id="item3">Item 3</MenuItem>
   </ContextMenu>
 </ContextMenuTrigger>;
-

+

Mehrfach-Auswahl

-
import ContextMenu, {
+
import ContextMenu, {
   ContextMenuTrigger,
 } from "@mittwald/flow-react-components/ContextMenu";
 import Button from "@mittwald/flow-react-components/Button";
@@ -60,10 +60,10 @@ 
Mehrfach-Auswahl

     <MenuItem id="item3">Item 3</MenuItem>
   </ContextMenu>
 </ContextMenuTrigger>;
-

+

Mit Icon

-
import ContextMenu, {
+
import ContextMenu, {
   ContextMenuTrigger,
 } from "@mittwald/flow-react-components/ContextMenu";
 import Button from "@mittwald/flow-react-components/Button";
@@ -92,4 +92,4 @@ 
Mit Icon

     </MenuItem>
   </ContextMenu>
 </ContextMenuTrigger>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/actions/context-menu.txt b/docs/302-accordion-component/02-components/actions/context-menu.txt index 798fa7584a..d45cfd0fb2 100644 --- a/docs/302-accordion-component/02-components/actions/context-menu.txt +++ b/docs/302-accordion-component/02-components/actions/context-menu.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/actions/context-menu","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/actions/context-menu","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"actions\",\"context-menu\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/actions/context-menu","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/actions/context-menu","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"actions\",\"context-menu\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/actions/context-menu","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T622,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T679,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,15 +2182,18 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Einfach-Auswahl" }), "\n", _jsx(LiveCodeEditor, { - example: "single-select" + example: "single-select", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mehrfach-Auswahl" }), "\n", _jsx(LiveCodeEditor, { - example: "multi-select" + example: "multi-select", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Icon" }), "\n", _jsx(LiveCodeEditor, { - example: "icon" + example: "icon", + editorCollapsed: true })] }); } @@ -2200,6 +2209,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"ContextMenu"}],"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/ContextMenu","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"ContextMenu"}],"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/ContextMenu","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"ContextMenu"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/actions/copy-button.html b/docs/302-accordion-component/02-components/actions/copy-button.html index caeac12f71..9b4b23e014 100644 --- a/docs/302-accordion-component/02-components/actions/copy-button.html +++ b/docs/302-accordion-component/02-components/actions/copy-button.html @@ -1,8 +1,8 @@ -CopyButton
CopyButton

Flow

beta

Components

CopyButton

Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren.GitHub

Beispiel

-
import CopyButton from "@mittwald/flow-react-components/CopyButton";
+
Flow
beta

Components

CopyButton

Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren.GitHub

Beispiel

+
import CopyButton from "@mittwald/flow-react-components/CopyButton";
 
 <CopyButton text="Kopierter Inhalt" />;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/actions/copy-button.txt b/docs/302-accordion-component/02-components/actions/copy-button.txt index 907d9c9b12..e1168bcc7e 100644 --- a/docs/302-accordion-component/02-components/actions/copy-button.txt +++ b/docs/302-accordion-component/02-components/actions/copy-button.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/actions/copy-button","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/actions/copy-button","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"actions\",\"copy-button\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/actions/copy-button","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/actions/copy-button","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"actions\",\"copy-button\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/actions/copy-button","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T423,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T423,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2187,6 +2193,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"CopyButton"}],"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/CopyButton","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"CopyButton"}],"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/CopyButton","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"CopyButton"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/content/avatar.html b/docs/302-accordion-component/02-components/content/avatar.html index 30dfe0c899..76bd4df2dd 100644 --- a/docs/302-accordion-component/02-components/content/avatar.html +++ b/docs/302-accordion-component/02-components/content/avatar.html @@ -1,20 +1,20 @@ -Avatar
Avatar

Flow

beta

Components

Avatar

Der Avatar kann ein Bild, Initialen oder ein Icon darstellen.GitHub
GG

Mit Initialen

+

Flow

beta

Components

Avatar

Der Avatar kann ein Bild, Initialen oder ein Icon darstellen.GitHub
GG

Mit Initialen

Die Initialen werden automatisch aus dem Text generiert, welcher der <Initials /> Komponente mitgegeben wird.

-
GG
import Avatar from "@mittwald/flow-react-components/Avatar";
+
GG
import Avatar from "@mittwald/flow-react-components/Avatar";
 import Initials from "@mittwald/flow-react-components/Initials";
 
 <Avatar>
   <Initials>Gillian Gopher</Initials>
 </Avatar>;
-

+

Mit Bild

Benutze ein <Image /> im <Avatar /> um ein Profilbild anzuzeigen.

-
Gopher
import Avatar from "@mittwald/flow-react-components/Avatar";
+
Gopher
import Avatar from "@mittwald/flow-react-components/Avatar";
 import Image from "@mittwald/flow-react-components/Image";
 
 <Avatar>
@@ -23,20 +23,20 @@ 
Mit Bild

     src="https://cdn.shopify.com/s/files/1/2022/6883/products/IMG_2002_250x250@2x.JPG?v=1538235544"
   />
 </Avatar>;
-

+

Mit Icon

Ein <Icon /> kann innerhalb eines <Avatar /> verwendet werden.

-
import { IconHome } from "@mittwald/flow-react-components/Icons";
+
import { IconHome } from "@mittwald/flow-react-components/Icons";
 import Avatar from "@mittwald/flow-react-components/Avatar";
 
 <Avatar variant={1}>
   <IconHome />
 </Avatar>;
-

+

Größen

-
GG
GG
GG
GG
import Avatar from "@mittwald/flow-react-components/Avatar";
+
GG
GG
GG
GG
import Avatar from "@mittwald/flow-react-components/Avatar";
 import Initials from "@mittwald/flow-react-components/Initials";
 
 <Row>
@@ -53,13 +53,13 @@ 
Größen

     <Initials>Gillian Gopher</Initials>
   </Avatar>
 </Row>;
-

+

Farbvarianten

Die Farbe hängt von den jeweiligen Children der Komponente ab, kann aber über das Property variant überschrieben werden um eine bestimmte Farbvariante zu erhalten. Sie dient dazu für Abwechslung in den angezeigten Avataren zu sorgen.

-
GG
GG
GG
GG
import Avatar from "@mittwald/flow-react-components/Avatar";
+
GG
GG
GG
GG
import Avatar from "@mittwald/flow-react-components/Avatar";
 import Initials from "@mittwald/flow-react-components/Initials";
 import { IconHome } from "@mittwald/flow-react-components/Icons";
 import { IconCustomer } from "@mittwald/flow-react-components/Icons";
@@ -84,4 +84,4 @@ 
Farbvarianten

     <IconCustomer />
   </Avatar>
 </Row>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/content/avatar.txt b/docs/302-accordion-component/02-components/content/avatar.txt index ded1e54ee0..85da3373dd 100644 --- a/docs/302-accordion-component/02-components/content/avatar.txt +++ b/docs/302-accordion-component/02-components/content/avatar.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/content/avatar","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/content/avatar","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"avatar\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/avatar","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/content/avatar","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"avatar\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/avatar","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:Taf5,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:Tb69,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2188,7 +2194,8 @@ function _createMdxContent(props) { children: "" }), " um ein Profilbild anzuzeigen."] }), "\n", _jsx(LiveCodeEditor, { - example: "image" + example: "image", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Icon" }), "\n", _jsxs(_components.p, { @@ -2198,11 +2205,13 @@ function _createMdxContent(props) { children: "" }), " verwendet werden."] }), "\n", _jsx(LiveCodeEditor, { - example: "icon" + example: "icon", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Größen" }), "\n", _jsx(LiveCodeEditor, { - example: "sizes" + example: "sizes", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Farbvarianten" }), "\n", _jsxs(_components.p, { @@ -2210,7 +2219,8 @@ function _createMdxContent(props) { children: "variant" }), " überschrieben werden um eine bestimmte Farbvariante zu\nerhalten. Sie dient dazu für Abwechslung in den angezeigten Avataren zu sorgen."] }), "\n", _jsx(LiveCodeEditor, { - example: "colors" + example: "colors", + editorCollapsed: true })] }); } @@ -2226,6 +2236,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Avatar"}],"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Avatar","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Avatar"}],"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Avatar","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Avatar"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/content/heading.html b/docs/302-accordion-component/02-components/content/heading.html index f2260e82dc..3328b0b900 100644 --- a/docs/302-accordion-component/02-components/content/heading.html +++ b/docs/302-accordion-component/02-components/content/heading.html @@ -1,14 +1,14 @@ -Heading
Heading

Flow

beta

Components

Heading

Die Heading-Komponente wird verwendet, um Überschriften anzuzeigenGitHub

Das ist eine Überschrift

Beispiel

-

Das ist eine Überschrift

import Heading from "@mittwald/flow-react-components/Heading";
+
Flow
beta

Components

Heading

Die Heading-Komponente wird verwendet, um Überschriften anzuzeigenGitHub

Das ist eine Überschrift

Beispiel

+

Das ist eine Überschrift

import Heading from "@mittwald/flow-react-components/Heading";
 
 <Heading>Das ist eine Überschrift</Heading>;
-
+

Level

-

Das ist eine Level 1 Überschrift

Das ist eine Level 2 Überschrift

Das ist eine Level 3 Überschrift

Das ist eine Level 4 Überschrift

Das ist eine Level 5 Überschrift
import Heading from "@mittwald/flow-react-components/Heading";
+
Das ist eine Level 1 Überschrift
Das ist eine Level 2 Überschrift
Das ist eine Level 3 Überschrift
Das ist eine Level 4 Überschrift
Das ist eine Level 5 Überschrift
import Heading from "@mittwald/flow-react-components/Heading";
 
 <>
   <Heading level={1}>
@@ -27,25 +27,25 @@ 
Level

     Das ist eine Level 5 Überschrift
   </Heading>
 </>;
-

+

Optisches Level

Über das Property levelVisual kann die Heading so verändert werden, dass sie optisch einem anderen Level entspricht.

-

Das ist eine h4 Überschrift die aussieht wie eine h2 Überschrift

import Heading from "@mittwald/flow-react-components/Heading";
+
Das ist eine h4 Überschrift die aussieht wie eine h2 Überschrift
import Heading from "@mittwald/flow-react-components/Heading";
 
 <Heading level={4} levelVisual={2}>
   Das ist eine h4 Überschrift die aussieht wie eine h2
   Überschrift
 </Heading>;
-

+

Mit Icon

-

Persönliche Informationen

import Heading from "@mittwald/flow-react-components/Heading";
+
Persönliche Informationen
import Heading from "@mittwald/flow-react-components/Heading";
 import { IconMember } from "@mittwald/flow-react-components/Icons";
 
 <Heading>
   <IconMember />
   Persönliche Informationen
 </Heading>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/content/heading.txt b/docs/302-accordion-component/02-components/content/heading.txt index fcbfb47447..302ed6e4b3 100644 --- a/docs/302-accordion-component/02-components/content/heading.txt +++ b/docs/302-accordion-component/02-components/content/heading.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/content/heading","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/content/heading","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"heading\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/heading","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/content/heading","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"heading\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/heading","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T71b,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T772,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2178,7 +2184,8 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Level" }), "\n", _jsx(LiveCodeEditor, { - example: "levels" + example: "levels", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Optisches Level" }), "\n", _jsxs(_components.p, { @@ -2186,11 +2193,13 @@ function _createMdxContent(props) { children: "levelVisual" }), " kann die Heading so verändert werden, dass sie\noptisch einem anderen Level entspricht."] }), "\n", _jsx(LiveCodeEditor, { - example: "level-visual" + example: "level-visual", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Icon" }), "\n", _jsx(LiveCodeEditor, { - example: "icon" + example: "icon", + editorCollapsed: true })] }); } @@ -2206,6 +2215,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Heading"}],"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Heading","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Heading"}],"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Heading","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Heading"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/content/icon.html b/docs/302-accordion-component/02-components/content/icon.html index 958b1b0ae8..2d4a54c983 100644 --- a/docs/302-accordion-component/02-components/content/icon.html +++ b/docs/302-accordion-component/02-components/content/icon.html @@ -1,22 +1,22 @@ -Icon
Icon

Flow

beta

Components

Icon

Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs.GitHub

Beispiel

-
import { IconHome } from "@mittwald/flow-react-components/Icons";
+
Flow
beta

Components

Icon

Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs.GitHub

Beispiel

+
import { IconHome } from "@mittwald/flow-react-components/Icons";
 
 <IconHome />;
-
+

Mit Tabler Icon

-
import Icon from "@mittwald/flow-react-components/Icon";
+
import Icon from "@mittwald/flow-react-components/Icon";
 import { IconStar } from "@tabler/icons-react";
 
 <Icon>
   <IconStar />
 </Icon>;
-

+

Mit SVG

-
import Icon from "@mittwald/flow-react-components/Icon";
+
import Icon from "@mittwald/flow-react-components/Icon";
 
 <Icon>
   <svg
@@ -26,12 +26,12 @@ 
Mit SVG

     <circle cx="50" cy="50" r="50" />
   </svg>
 </Icon>;
-

+

Mit SVG string

import Icon from "@mittwald/flow-react-components/Icon";
+    
import Icon from "@mittwald/flow-react-components/Icon";
 
 () => {
   const svgString = `\
@@ -42,34 +42,368 @@ 
Mit SVG string

 
   return <Icon>{svgString}</Icon>;
 };
-
+

Farben

Wenn das SVG Farben unterstützt, kann es per CSS eingefärbt werden.

-
import { IconHome } from "@mittwald/flow-react-components/Icons";
+
import { IconHome } from "@mittwald/flow-react-components/Icons";
 
 <IconHome
   style={{ color: "var(--primary--color--800)" }}
 />;
-

+

Größen

-
import { IconHome } from "@mittwald/flow-react-components/Icons";
+
import { IconHome } from "@mittwald/flow-react-components/Icons";
 
 <Row>
   <IconHome size="s" />
   <IconHome size="m" />
   <IconHome size="l" />
 </Row>;
-

+

Verfügbare Icons

Descriptive

+
import {
+  IconApp,
+  IconBackup,
+  IconCronjob,
+  IconCustomer,
+  IconDatabase,
+  IconDomain,
+  IconEmail,
+  IconInbox,
+  IconMember,
+  IconMittwald,
+  IconProject,
+  IconSearchEngine,
+  IconServer,
+  IconSettings,
+  IconSpamProtectionOff,
+  IconSpamProtectionOn,
+  IconSshSftp,
+  IconSubdomain,
+  IconSupport,
+} from "@mittwald/flow-react-components/Icons";
+import Label from "@mittwald/flow-react-components/Label";
+import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
+import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout";
+
+<ColumnLayout l={[1, 1, 1, 1, 1]} m={[1, 1, 1]} s={[1, 1]}>
+  <LabeledValue>
+    <Label>Mittwald</Label>
+    <IconMittwald />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Project</Label>
+    <IconProject />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Server</Label>
+    <IconServer />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Customer</Label>
+    <IconCustomer />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Support</Label>
+    <IconSupport />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>E-Mail</Label>
+    <IconEmail />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>App</Label>
+    <IconApp />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Domain</Label>
+    <IconDomain />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Subdomain</Label>
+    <IconSubdomain />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Database</Label>
+    <IconDatabase />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Backup</Label>
+    <IconBackup />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Cronjob</Label>
+    <IconCronjob />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Member</Label>
+    <IconMember />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Settings</Label>
+    <IconSettings />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Search Engine</Label>
+    <IconSearchEngine />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Ssh Sftp</Label>
+    <IconSshSftp />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Inbox</Label>
+    <IconInbox />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Spam Protection Off</Label>
+    <IconSpamProtectionOff />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Spam Protection On</Label>
+    <IconSpamProtectionOn />
+  </LabeledValue>
+</ColumnLayout>;
+

Functional

-
+
import {
+  IconBackLink,
+  IconCheck,
+  IconCheckboxChecked,
+  IconCheckboxEmpty,
+  IconCheckboxIndeterminate,
+  IconChevronDown,
+  IconChevronLeft,
+  IconChevronRight,
+  IconChevronUp,
+  IconClose,
+  IconCode,
+  IconContextMenu,
+  IconCopy,
+  IconDashboard,
+  IconDate,
+  IconDelete,
+  IconExternalLink,
+  IconFilter,
+  IconHide,
+  IconHome,
+  IconListView,
+  IconLogout,
+  IconMinus,
+  IconNotification,
+  IconPlus,
+  IconRadioOff,
+  IconRadioOn,
+  IconRandom,
+  IconSave,
+  IconSearch,
+  IconShare,
+  IconShow,
+  IconSorting,
+  IconTerminate,
+  IconTileView,
+  IconTime,
+} from "@mittwald/flow-react-components/Icons";
+import Label from "@mittwald/flow-react-components/Label";
+import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
+import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout";
+
+<ColumnLayout l={[1, 1, 1, 1, 1]} m={[1, 1, 1]} s={[1, 1]}>
+  <LabeledValue>
+    <Label>Home</Label>
+    <IconHome />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Notification</Label>
+    <IconNotification />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Dashboard</Label>
+    <IconDashboard />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Logout</Label>
+    <IconLogout />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Search</Label>
+    <IconSearch />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>TileView</Label>
+    <IconTileView />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>ListView</Label>
+    <IconListView />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Filter</Label>
+    <IconFilter />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Sorting</Label>
+    <IconSorting />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Delete</Label>
+    <IconDelete />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Terminate</Label>
+    <IconTerminate />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Copy</Label>
+    <IconCopy />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Backlink</Label>
+    <IconBackLink />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>External Link</Label>
+    <IconExternalLink />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Chevron Down</Label>
+    <IconChevronDown />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Chevron Left</Label>
+    <IconChevronLeft />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Chevron Right</Label>
+    <IconChevronRight />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>ChevronUp</Label>
+    <IconChevronUp />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Close</Label>
+    <IconClose />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Hide</Label>
+    <IconHide />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Show</Label>
+    <IconShow />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Random</Label>
+    <IconRandom />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Date</Label>
+    <IconDate />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Time</Label>
+    <IconTime />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Plus</Label>
+    <IconPlus />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Minus</Label>
+    <IconMinus />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Context Menu</Label>
+    <IconContextMenu />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Code</Label>
+    <IconCode />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Checkbox Checked</Label>
+    <IconCheckboxChecked />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Checkbox Empty</Label>
+    <IconCheckboxEmpty />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Checkbox Indeterminate</Label>
+    <IconCheckboxIndeterminate />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>RadioOff</Label>
+    <IconRadioOff />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>RadioOn</Label>
+    <IconRadioOn />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Save</Label>
+    <IconSave />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Check</Label>
+    <IconCheck />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Share</Label>
+    <IconShare />
+  </LabeledValue>
+</ColumnLayout>;
+

Status

-
\ No newline at end of file +
import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
+import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout";
+import Label from "@mittwald/flow-react-components/Label";
+import {
+  IconDanger,
+  IconFailed,
+  IconInfo,
+  IconPending,
+  IconSucceeded,
+  IconSuccess,
+  IconWarning,
+} from "@mittwald/flow-react-components/Icons";
+
+<ColumnLayout l={[1, 1, 1, 1, 1]} m={[1, 1, 1]} s={[1, 1]}>
+  <LabeledValue>
+    <Label>Danger</Label>
+    <IconDanger />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Failed</Label>
+    <IconFailed />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Info</Label>
+    <IconInfo />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Pending</Label>
+    <IconPending />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Succeeded</Label>
+    <IconSucceeded />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Success</Label>
+    <IconSuccess />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Warning</Label>
+    <IconWarning />
+  </LabeledValue>
+</ColumnLayout>;
+
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/content/icon.txt b/docs/302-accordion-component/02-components/content/icon.txt index 2e1fd6233e..59c337aacf 100644 --- a/docs/302-accordion-component/02-components/content/icon.txt +++ b/docs/302-accordion-component/02-components/content/icon.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/content/icon","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/content/icon","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"icon\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/icon","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13e:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13f:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/content/icon","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"icon\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/icon","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +144:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +145:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13b:T8c4,import { +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +141:T8c4,import { IconApp, IconBackup, IconCronjob, @@ -2264,7 +2270,7 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; ; -13c:Tf4b,import { +142:Tf4b,import { IconBackLink, IconCheck, IconCheckboxChecked, @@ -2452,7 +2458,7 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; ; -140:Ta07,/*@jsxRuntime automatic @jsxImportSource react*/ +146:Ta98,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2469,25 +2475,30 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.h2, { children: "Mit Tabler Icon" }), "\n", _jsx(LiveCodeEditor, { - example: "tabler" + example: "tabler", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit SVG" }), "\n", _jsx(LiveCodeEditor, { - example: "svg" + example: "svg", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit SVG string" }), "\n", _jsx(LiveCodeEditor, { - example: "svg-string" + example: "svg-string", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Farben" }), "\n", _jsx(_components.p, { children: "Wenn das SVG Farben unterstützt, kann es per CSS eingefärbt werden." }), "\n", _jsx(LiveCodeEditor, { - example: "coloring" + example: "coloring", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Größen" }), "\n", _jsx(LiveCodeEditor, { - example: "sizes" + example: "sizes", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Verfügbare Icons" }), "\n", _jsx(_components.h3, { @@ -2520,7 +2531,7 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -141:T8c4,import { +147:T8c4,import { IconApp, IconBackup, IconCronjob, @@ -2623,7 +2634,7 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; ; -142:Tf4b,import { +148:Tf4b,import { IconBackLink, IconCheck, IconCheckboxChecked, @@ -2811,6 +2822,6 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; ; -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Icon"}],"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Icon","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$13b","functional":"$13c","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13d",null,{"children":[["$","$L13e",null,{"children":[["$","$L13f",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$140","frontmatter":{},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$141","functional":"$142","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Icon"}],"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Icon","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$141","functional":"$142","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L143",null,{"children":[["$","$L144",null,{"children":[["$","$L145",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$146","frontmatter":{},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$147","functional":"$148","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Icon"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/content/illustrated-message.html b/docs/302-accordion-component/02-components/content/illustrated-message.html index 9f04c14a10..d90fb80e62 100644 --- a/docs/302-accordion-component/02-components/content/illustrated-message.html +++ b/docs/302-accordion-component/02-components/content/illustrated-message.html @@ -1,8 +1,8 @@ -IllustratedMessage
IllustratedMessage

Flow

beta

Components

IllustratedMessage

Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann.GitHub

Keine Apps installiert

Lege deine erste App an, um mit der Arbeit an deiner Webseite loszulegen.

Beispiel

-

Keine Apps installiert

Lege deine erste App an, um mit der Arbeit an deiner Webseite loszulegen.
import Heading from "@mittwald/flow-react-components/Heading";
+
Flow
beta

Components

IllustratedMessage

Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann.GitHub

Keine Apps installiert

Lege deine erste App an, um mit der Arbeit an deiner Webseite loszulegen.

Beispiel

+

Keine Apps installiert

Lege deine erste App an, um mit der Arbeit an deiner Webseite loszulegen.
import Heading from "@mittwald/flow-react-components/Heading";
 import IllustratedMessage from "@mittwald/flow-react-components/IllustratedMessage";
 import { IconApp } from "@mittwald/flow-react-components/Icons";
 import Text from "@mittwald/flow-react-components/Text";
@@ -17,10 +17,10 @@
   </Text>
   <Button>App anlegen</Button>
 </IllustratedMessage>;
-
+

Negative Variante

-

Kein Zugriff

Du hast keine Berechtigung, um auf diese Seite zuzugreifen.
import Heading from "@mittwald/flow-react-components/Heading";
+
Kein Zugriff
Du hast keine Berechtigung, um auf diese Seite zuzugreifen.
import Heading from "@mittwald/flow-react-components/Heading";
 import IllustratedMessage from "@mittwald/flow-react-components/IllustratedMessage";
 import { IconDanger } from "@mittwald/flow-react-components/Icons";
 import Text from "@mittwald/flow-react-components/Text";
@@ -35,4 +35,4 @@ 
Negative Variante

   </Text>
   <Button>Zum Dashboard</Button>
 </IllustratedMessage>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/content/illustrated-message.txt b/docs/302-accordion-component/02-components/content/illustrated-message.txt index 37844f3961..da996f815a 100644 --- a/docs/302-accordion-component/02-components/content/illustrated-message.txt +++ b/docs/302-accordion-component/02-components/content/illustrated-message.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/content/illustrated-message","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/content/illustrated-message","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"illustrated-message\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/illustrated-message","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/content/illustrated-message","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"illustrated-message\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/illustrated-message","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T4d9,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T4f6,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,7 +2182,8 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Negative Variante" }), "\n", _jsx(LiveCodeEditor, { - example: "negative" + example: "negative", + editorCollapsed: true })] }); } @@ -2192,6 +2199,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"IllustratedMessage"}],"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/IllustratedMessage","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"IllustratedMessage"}],"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/IllustratedMessage","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"IllustratedMessage"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/content/image.html b/docs/302-accordion-component/02-components/content/image.html index a1923cfbfa..9b04bf6776 100644 --- a/docs/302-accordion-component/02-components/content/image.html +++ b/docs/302-accordion-component/02-components/content/image.html @@ -1,12 +1,12 @@ -Image
Image

Flow

beta

Components

Image

Mit der Image-Komponente können Bilder angezeigt werden.GitHub
Gopher

Beispiel

-
Gopher
import Image from "@mittwald/flow-react-components/Image";
+
Flow
beta

Components

Image

Mit der Image-Komponente können Bilder angezeigt werden.GitHub
Gopher

Beispiel

+
Gopher
import Image from "@mittwald/flow-react-components/Image";
 
 <Image
   src="https://cdn.shopify.com/s/files/1/2022/6883/products/IMG_2002_250x250@2x.JPG?v=1538235544"
   alt="Gopher"
   width={200}
 />;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/content/image.txt b/docs/302-accordion-component/02-components/content/image.txt index 24144f7ab3..4ae367e516 100644 --- a/docs/302-accordion-component/02-components/content/image.txt +++ b/docs/302-accordion-component/02-components/content/image.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/content/image","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/content/image","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"image\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/image","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/content/image","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"image\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/image","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T423,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T423,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2187,6 +2193,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Image"}],"Mit der Image-Komponente können Bilder angezeigt werden.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Image","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Image"}],"Mit der Image-Komponente können Bilder angezeigt werden.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Image","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Image"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/content/inline-code.html b/docs/302-accordion-component/02-components/content/inline-code.html index 35b64822b3..dbb61af72e 100644 --- a/docs/302-accordion-component/02-components/content/inline-code.html +++ b/docs/302-accordion-component/02-components/content/inline-code.html @@ -1,12 +1,12 @@ -InlineCode
InlineCode

Flow

beta

Components

InlineCode

InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen.GitHub
Gib yarn start ein um deine App zu starten.

Beispiel

-
Gib yarn start ein um deine App zu starten.
import Text from "@mittwald/flow-react-components/Text";
+
Flow
beta

Components

InlineCode

InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen.GitHub
Gib yarn start ein um deine App zu starten.

Beispiel

+
Gib yarn start ein um deine App zu starten.
import Text from "@mittwald/flow-react-components/Text";
 import InlineCode from "@mittwald/flow-react-components/InlineCode";
 
 <Text>
   Gib <InlineCode>yarn start</InlineCode> ein um deine App
   zu starten.
 </Text>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/content/inline-code.txt b/docs/302-accordion-component/02-components/content/inline-code.txt index 5886f43c23..081cd16a41 100644 --- a/docs/302-accordion-component/02-components/content/inline-code.txt +++ b/docs/302-accordion-component/02-components/content/inline-code.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/content/inline-code","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/content/inline-code","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"inline-code\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/inline-code","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/content/inline-code","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"inline-code\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/inline-code","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T423,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T423,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2187,6 +2193,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"InlineCode"}],"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/InlineCode","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"InlineCode"}],"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/InlineCode","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"InlineCode"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/content/label.html b/docs/302-accordion-component/02-components/content/label.html index 0ca2dbdda7..bc7f82b71b 100644 --- a/docs/302-accordion-component/02-components/content/label.html +++ b/docs/302-accordion-component/02-components/content/label.html @@ -1,8 +1,8 @@ -Label
Label

Flow

beta

Components

Label

Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet.GitHub

Beispiel

-
import Label from "@mittwald/flow-react-components/Label";
+
Flow
beta

Components

Label

Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet.GitHub

Beispiel

+
import Label from "@mittwald/flow-react-components/Label";
 
 <Label>Das ist ein Label</Label>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/content/label.txt b/docs/302-accordion-component/02-components/content/label.txt index e969dd938f..2068c1c82f 100644 --- a/docs/302-accordion-component/02-components/content/label.txt +++ b/docs/302-accordion-component/02-components/content/label.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/content/label","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/content/label","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"label\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/label","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/content/label","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"label\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/label","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T423,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T423,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2187,6 +2193,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Label"}],"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Label","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Label"}],"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Label","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Label"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/content/labeled-value.html b/docs/302-accordion-component/02-components/content/labeled-value.html index c24d7ee52f..476eb3d353 100644 --- a/docs/302-accordion-component/02-components/content/labeled-value.html +++ b/docs/302-accordion-component/02-components/content/labeled-value.html @@ -1,8 +1,8 @@ -LabeledValue
LabeledValue

Flow

beta

Components

LabeledValue

Ein LabeledValue zeigt eine Information mit einem Label an.GitHub
20 GB

Beispiel

-
20 GB
import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
+
Flow
beta

Components

LabeledValue

Ein LabeledValue zeigt eine Information mit einem Label an.GitHub
20 GB

Beispiel

+
20 GB
import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
 import Label from "@mittwald/flow-react-components/Label";
 import Content from "@mittwald/flow-react-components/Content";
 
@@ -10,10 +10,10 @@
   <Label>Speicherplatz</Label>
   <Content>20 GB</Content>
 </LabeledValue>;
-
+

Mit CopyButton

-
p-eWRhpRV
import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
+
p-eWRhpRV
import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
 import Label from "@mittwald/flow-react-components/Label";
 import Content from "@mittwald/flow-react-components/Content";
 import CopyButton from "@mittwald/flow-react-components/CopyButton";
@@ -23,10 +23,10 @@ 
Mit CopyButton

   <Content>p-eWRhpRV</Content>
   <CopyButton text="Projekt ID: p-eWRhpRV" />
 </LabeledValue>;
-

+

Mit Link

-
https://mittwald.de
import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
+
https://mittwald.de
import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
 import Label from "@mittwald/flow-react-components/Label";
 import Link from "@mittwald/flow-react-components/Link";
 
@@ -34,10 +34,10 @@ 
Mit Link

   <Label>Domain</Label>
   <Link>https://mittwald.de</Link>
 </LabeledValue>;
-

+

Mit InlineCode

-
127.0.0.1
import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
+
127.0.0.1
import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
 import Label from "@mittwald/flow-react-components/Label";
 import InlineCode from "@mittwald/flow-react-components/InlineCode";
 import CopyButton from "@mittwald/flow-react-components/CopyButton";
@@ -47,4 +47,4 @@ 
Mit InlineCode

   <InlineCode>127.0.0.1</InlineCode>
   <CopyButton text="127.0.0.1" />
 </LabeledValue>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/content/labeled-value.txt b/docs/302-accordion-component/02-components/content/labeled-value.txt index 2140896e88..d39cc1e161 100644 --- a/docs/302-accordion-component/02-components/content/labeled-value.txt +++ b/docs/302-accordion-component/02-components/content/labeled-value.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/content/labeled-value","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/content/labeled-value","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"labeled-value\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/labeled-value","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/content/labeled-value","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"labeled-value\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/labeled-value","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T61c,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T673,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,15 +2182,18 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit CopyButton" }), "\n", _jsx(LiveCodeEditor, { - example: "copy-button" + example: "copy-button", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Link" }), "\n", _jsx(LiveCodeEditor, { - example: "link" + example: "link", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit InlineCode" }), "\n", _jsx(LiveCodeEditor, { - example: "inline-code" + example: "inline-code", + editorCollapsed: true })] }); } @@ -2200,6 +2209,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"LabeledValue"}],"Ein LabeledValue zeigt eine Information mit einem Label an.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/LabeledValue","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"LabeledValue"}],"Ein LabeledValue zeigt eine Information mit einem Label an.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/LabeledValue","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"LabeledValue"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/content/skeleton.html b/docs/302-accordion-component/02-components/content/skeleton.html new file mode 100644 index 0000000000..9f8f81e3c3 --- /dev/null +++ b/docs/302-accordion-component/02-components/content/skeleton.html @@ -0,0 +1,32 @@ +Skeleton

Flow

beta

Components

Skeleton

Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden.GitHub

Beispiel

+
import Skeleton from "@mittwald/flow-react-components/Skeleton";
+
+<Skeleton />;
+
+
+

Benutzerdefinierte Größe

+
import Skeleton from "@mittwald/flow-react-components/Skeleton";
+
+<Column>
+  <Skeleton style={{ height: "100px" }} />
+  <Skeleton
+    style={{
+      height: "100px",
+      width: "100px",
+      borderRadius: "50%",
+    }}
+  />
+</Column>;
+
+
+

Accessibility

+

Das Skeleton soll von Screenreadern ignoriert werden und enthält deswegen das +Property aria-hidden.

+

Die Accessibility eines Ladezustands wird nicht vom Skeleton geregelt.

+

Um für den Screenreader erkenntlich zu machen, dass ein Inhalt fertig geladen +hat sollte dieser im Ladezustand das Property aria-busy, welches auf false +gesetzt wird, wenn fertig geladen wurde. (s. +MDN)

\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/content/skeleton.txt b/docs/302-accordion-component/02-components/content/skeleton.txt new file mode 100644 index 0000000000..df45d40344 --- /dev/null +++ b/docs/302-accordion-component/02-components/content/skeleton.txt @@ -0,0 +1,2227 @@ +3:I[13918,[],""] +5:I[15964,[],""] +4:["slug","02-components/content/skeleton","c"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/content/skeleton","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"skeleton\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/skeleton","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] +d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ +const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; +const {useMDXComponents: _provideComponents} = arguments[0]; +function _createMdxContent(props) { + const _components = Object.assign({ + p: "p", + strong: "strong", + hr: "hr", + h2: "h2", + code: "code", + pre: "pre" + }, _provideComponents(), props.components), {InlineAlert, Heading, Content} = _components; + if (!Content) _missingMdxReference("Content", true); + if (!Heading) _missingMdxReference("Heading", true); + if (!InlineAlert) _missingMdxReference("InlineAlert", true); + return _jsxs(_Fragment, { + children: [_jsxs(InlineAlert, { + children: [_jsx(Heading, { + children: "Hinweis zu frühem Entwicklungsstand und Stabilität" + }), _jsx(Content, { + children: _jsxs(_components.p, { + children: ["Dieses Projekt befindet sich in einer ", _jsx(_components.strong, { + children: "frühen Entwicklungsphase" + }), " weswegen\nwir keine Garantie zur Stabilität bieten können. Du kannst dieses Projekt\ndennoch gerne ausprobieren, verlasse dich aber bitte nicht darauf das die\naktuellen Inhalte in dieser Form bestehen bleiben. Wir freuen uns über jedes\nFeedback zum aktuellen Entwicklungsstand!"] + }) + })] + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Installation der Flow React Component Library" + }), "\n", _jsxs(_components.p, { + children: ["Die Flow React Component Library kann mit einem Package Manager wie ", _jsx(_components.code, { + children: "npm" + }), " or\n", _jsx(_components.code, { + children: "yarn" + }), " installiert werden."] + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + className: "language-shell", + children: "yarn add @mittwald/flow-react-components\n" + }) + }), "\n", _jsx(_components.p, { + children: "Zur leichteren Verwaltung der Abhängigkeiten werden alle Komponenten innerhalb\ndiese Packages bereitgestellt." + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Styles importieren" + }), "\n", _jsx(_components.p, { + children: "Um die Komponenten Styles zu verwenden, musst du das Stylesheet importieren.\nFüge diese Zeile zum Einstiegspunkt deines Projektes hinzu." + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: "import \"@mittwald/flow-react-components/styles\";\n" + }) + })] + }); +} +function MDXContent(props = {}) { + const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components); + return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { + children: _jsx(_createMdxContent, props) + })) : _createMdxContent(props); +} +return { + default: MDXContent +}; +function _missingMdxReference(id, component) { + throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); +} +e:T18a2,/*@jsxRuntime automatic @jsxImportSource react*/ +const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; +const {useMDXComponents: _provideComponents} = arguments[0]; +function _createMdxContent(props) { + const _components = Object.assign({ + p: "p", + hr: "hr", + h2: "h2", + code: "code", + pre: "pre", + h3: "h3", + h4: "h4", + strong: "strong" + }, _provideComponents(), props.components), {LiveCodeEditor} = _components; + if (!LiveCodeEditor) _missingMdxReference("LiveCodeEditor", true); + return _jsxs(_Fragment, { + children: [_jsx(_components.p, { + children: "Die Flow-Komponenten-Bibliotheken werden über ein gemeinsames Stylesheet, das\nauch für sich alleine verwendet werden kann, gestyled. Das kann nützlich sein,\nwenn du dein eigenes Framework verwendest, um Komponenten zu bauen, und dich\ndabei an die mittwald Styling Guidelines halten willst." + }), "\n", _jsx(_components.p, { + children: "Auf dieser Seite findest du alle Informationen darüber, wie du das Stylesheet\ninstallieren kannst und wie die Klassennamen strukturiert sind." + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Installation des Standalone Stylesheets" + }), "\n", _jsxs(_components.p, { + children: ["Zum aktuellen Entwicklungsstand des Projektes kannst du das Stylesheet nur über\nNPM installieren. Die Flow-Stylesheet-Bibliothek kann über einen Package Manager\nwie ", _jsx(_components.code, { + children: "npm" + }), " or ", _jsx(_components.code, { + children: "yarn" + }), " installiert werden."] + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: "yarn add @mittwald/flow-stylesheet\n" + }) + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Styles importieren" + }), "\n", _jsx(_components.p, { + children: "Um die Komponenten Styles zu verwenden, musst du das Stylesheet importieren.\nFüge diese Zeile zum Einstiegspunkt deines Projektes hinzu." + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: "import \"@mittwald/flow-stylesheet/css\";\n" + }) + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Anwendung des Stylesheets" + }), "\n", _jsx(_components.p, { + children: "Um anfangen zu können solltest du verstehen wie die Klassennamen strukturiert\nsind. Die im Stylesheet bereitgestellten Klassennamen folgen einem konsistenten,\nKomponenten basiertem und leicht zu verstehendem Schema." + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h3, { + children: "Generelle Klassennamen Auszeichnungen" + }), "\n", _jsxs(_components.p, { + children: ["Alle Klassennamen sind in Lowercase geschrieben und benutzen ", _jsx(_components.code, { + children: "-" + }), " um Wörter zu\ntrennen und ", _jsx(_components.code, { + children: "--" + }), " um logische Abschnitte zu unterteilen."] + }), "\n", _jsxs(_components.p, { + children: ["Der erste logische Abschnitt ist immer der ", _jsx(_components.code, { + children: "flow" + }), " Namespace. Andere Abschnitte\nkönnten beispielsweise so aussehen:"] + }), "\n", _jsx(_components.h4, { + children: "Komponenten" + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: ".flow--button\n.flow--heading\n.flow--status-icon\n" + }) + }), "\n", _jsx(_components.h4, { + children: "Sub-Komponenten" + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: ".flow--navigation\n.flow--navigation--navigation-item\n" + }) + }), "\n", _jsx(_components.h4, { + children: "Spezialisierung: Verschiedene Varianten" + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: ".flow--button--primary\n.flow--inline-alert--danger\n.flow--icon--fixed-width\n" + }) + }), "\n", _jsx(_components.h4, { + children: "Spezialisierung: In einer Komposition verwendete Komponenten" + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: ".flow--button--icon\n.flow--inline-alert--status-icon\n" + }) + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h3, { + children: "Ein Hinweis zur Spezialisierung" + }), "\n", _jsxs(_components.p, { + children: ["Klassennamen die verwendet werden, um die Basiskomponente zu spezialisieren,\nmüssen immer ", _jsx(_components.strong, { + children: "zusätzlich zum Basis-Klassennamen" + }), " verwendet werden."] + }), "\n", _jsx(_components.p, { + children: "Hier ein paar Beispiele um die diese Anforderung zu verdeutlichen:" + }), "\n", _jsx(LiveCodeEditor, { + example: "variants" + }), "\n", _jsx(_components.h4, { + children: "Kombinierte Varianten" + }), "\n", _jsx(LiveCodeEditor, { + example: "multiple-variants" + }), "\n", _jsx(_components.h4, { + children: "In einer Komposition verwendete Komponenten" + }), "\n", _jsxs(_components.p, { + children: ["Es ist gängige Praxis größere Komponenten aus bereits bestehenden kleineren\nKomponenten zusammenzusetzen. Der InlineAlert besteht beispielsweise aus einem\nIcon, einer Heading und optionalem Inhalt. Die verwendeten Komponenten müssen\nihren Basis-Klassennamen für das grundsätzliche Styling erhalten (", _jsx(_components.code, { + children: "flow--icon" + }), "),\nsowie den spezialisierten Klassennamen (", _jsx(_components.code, { + children: "flow--inline-alert--status-icon" + }), ") um\nspezifische Styles des Inline Alerts zu erhalten."] + }), "\n", _jsx(LiveCodeEditor, { + example: "composition" + })] + }); +} +function MDXContent(props = {}) { + const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components); + return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { + children: _jsx(_createMdxContent, props) + })) : _createMdxContent(props); +} +return { + default: MDXContent +}; +function _missingMdxReference(id, component) { + throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); +} +f:T412,import Button from "@mittwald/flow-react-components/Button"; +import Action from "@mittwald/flow-react-components/Action"; +import { sleepLong } from "@/content/02-components/actions/action/examples/lib"; +import { Modal } from "@mittwald/flow-react-components/Modal"; +import Heading from "@mittwald/flow-react-components/Heading"; +import { Content } from "@mittwald/flow-react-components/Content"; +import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup"; + + + + Projekt löschen + + Das Löschen eines Projektes kann nicht rückgängig + gemacht werden. Möchtest Du das Projekt + "Test" dennoch löschen? + + + + + + + +; +10:T8c4,import { + IconApp, + IconBackup, + IconCronjob, + IconCustomer, + IconDatabase, + IconDomain, + IconEmail, + IconInbox, + IconMember, + IconMittwald, + IconProject, + IconSearchEngine, + IconServer, + IconSettings, + IconSpamProtectionOff, + IconSpamProtectionOn, + IconSshSftp, + IconSubdomain, + IconSupport, +} from "@mittwald/flow-react-components/Icons"; +import Label from "@mittwald/flow-react-components/Label"; +import LabeledValue from "@mittwald/flow-react-components/LabeledValue"; +import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; +11:Tf4b,import { + IconBackLink, + IconCheck, + IconCheckboxChecked, + IconCheckboxEmpty, + IconCheckboxIndeterminate, + IconChevronDown, + IconChevronLeft, + IconChevronRight, + IconChevronUp, + IconClose, + IconCode, + IconContextMenu, + IconCopy, + IconDashboard, + IconDate, + IconDelete, + IconExternalLink, + IconFilter, + IconHide, + IconHome, + IconListView, + IconLogout, + IconMinus, + IconNotification, + IconPlus, + IconRadioOff, + IconRadioOn, + IconRandom, + IconSave, + IconSearch, + IconShare, + IconShow, + IconSorting, + IconTerminate, + IconTileView, + IconTime, +} from "@mittwald/flow-react-components/Icons"; +import Label from "@mittwald/flow-react-components/Label"; +import LabeledValue from "@mittwald/flow-react-components/LabeledValue"; +import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; +12:T50e,import Button from "@mittwald/flow-react-components/Button"; +import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; +import { + IconLogout, + IconNotification, + IconSettings, + IconSupport, + IconSearch, +} from "@mittwald/flow-react-components/Icons"; +import ContextMenu, { + ContextMenuTrigger, +} from "@mittwald/flow-react-components/ContextMenu"; +import Avatar from "@mittwald/flow-react-components/Avatar"; +import Image from "@mittwald/flow-react-components/Image"; +import Text from "@mittwald/flow-react-components/Text"; +import MenuItem from "@mittwald/flow-react-components/MenuItem"; + + + + + + + + + + + Profil + + + + Logout + + + +; +13:T5cf,import Tabs, { + Tab, + TabTitle, +} from "@mittwald/flow-react-components/Tabs"; +import Section from "@mittwald/flow-react-components/Section"; +import Heading from "@mittwald/flow-react-components/Heading"; +import TextField from "@mittwald/flow-react-components/TextField"; +import Label from "@mittwald/flow-react-components/Label"; +import LabeledValue from "@mittwald/flow-react-components/LabeledValue"; +import Text from "@mittwald/flow-react-components/Text"; +import Header from "@mittwald/flow-react-components/Header"; +import Switch from "@mittwald/flow-react-components/Switch"; + + + + Allgemein +
+ Allgemein + + + +
+ + + Speicherplatz +
+ Speicherplatz + + + 2.4 GB + +
+ + + Spamschutz +
+
+ Spamschutz + Spamfilter +
+ + Der Spamfilter schützt dich vor ungewollten E-Mails. + Niemand will Müll in seinem Postfach, daher + empfehlen wir den Spamschutz immer aktiviert zu + lassen. + +
+ +; +14:T552,import Modal from "@mittwald/flow-react-components/Modal"; +import Content from "@mittwald/flow-react-components/Content"; +import Text from "@mittwald/flow-react-components/Text"; +import TextField from "@mittwald/flow-react-components/TextField"; +import Label from "@mittwald/flow-react-components/Label"; +import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup"; +import Button from "@mittwald/flow-react-components/Button"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Action from "@mittwald/flow-react-components/Action"; +import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; + + + + + Neue Organisation + + + Eine Organisation kannst du dir wie ein Unternehmen + vorstellen. An diesem Ort verwaltest du deine + Mitarbeiter, Zahlungsmodalitäten und kannst deine + Rechnungen einsehen. + + + + + + + + + + + + +; +15:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +import Content from "@mittwald/flow-react-components/Content"; +import Text from "@mittwald/flow-react-components/Text"; +import TextField from "@mittwald/flow-react-components/TextField"; +import Label from "@mittwald/flow-react-components/Label"; +import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup"; +import Button from "@mittwald/flow-react-components/Button"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Action from "@mittwald/flow-react-components/Action"; +import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; + + + + + Neue Organisation + + + Eine Organisation kannst du dir wie ein Unternehmen + vorstellen. An diesem Ort verwaltest du deine + Mitarbeiter, Zahlungsmodalitäten und kannst deine + Rechnungen einsehen. + + + + + + + + + + + + +; +16:T480,import Text from "@mittwald/flow-react-components/Text"; +import Button from "@mittwald/flow-react-components/Button"; +import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; +import { + IconCustomer, + IconMenu, + IconProject, + IconServer, +} from "@mittwald/flow-react-components/Icons"; +import Link from "@mittwald/flow-react-components/Link"; +import Navigation from "@mittwald/flow-react-components/Navigation"; +import { Heading } from "@mittwald/flow-react-components/Heading"; +import { Section } from "@mittwald/flow-react-components/Section"; +import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; + + + + +
+ Menü + + + + Customer + + + + Server + + + + Project + + +
+ +; +17:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Content from "@mittwald/flow-react-components/Content"; + + + + E-Mail-Adresse wurde archiviert + + Da deine Domain gelöscht wurde, wurde diese + E-Mail-Adresse archiviert. Um E-Mails empfangen und + senden zu können musst du die Adresse wieder + umbenennen. + + + + + Dein Speicher ist fast voll + + Dein Speicher ist zu über 80% belegt. Wir empfehlen + dir deinen Speicherplatz zu erweitern, um Problemen + vorzubeugen. + + + + + + Es konnte kein SSL-Zertifikat ausgestellt werden + + + Für diese Domain konnte kein SSL-Zertifikat + ausgestellt werden, da die Domain per IP nicht auf + deine Server-IP zeigt. + + + + + Deine App wurde aktualisiert + + Deine App wurde erfolgreich auf die neueste Version + aktualisiert. + + +; +18:T653,import List, { + ListFilter, + ListItemView, + ListSorting, + ListStaticData, +} from "@mittwald/flow-react-components/List"; +import { + type Domain, + domains, +} from "@/content/02-components/structure/list/examples/domainApi"; +import Avatar from "@mittwald/flow-react-components/Avatar"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Text from "@mittwald/flow-react-components/Text"; +import ContextMenu from "@mittwald/flow-react-components/ContextMenu"; +import { + IconDomain, + IconSubdomain, +} from "@mittwald/flow-react-components/Icons"; +import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; +import MenuItem from "@mittwald/flow-react-components/MenuItem"; + + + + + property="type" + mode="some" + name="Type" + /> + property="domain" name="Domain" /> + property="type" name="Type" /> + > + {(domain) => ( + <> + + {domain.type === "Domain" ? ( + + ) : ( + + )} + + {domain.hostname} + {domain.verified ? ( + {domain.type} + ) : ( + + Nicht verifiziert + + )} + + Details anzeigen + Löschen + + + )} + +; +19:T547,import List, { + ListItemView, + ListStaticData, +} from "@mittwald/flow-react-components/List"; +import { + type Domain, + domains, +} from "@/content/02-components/structure/list/examples/domainApi"; +import Avatar from "@mittwald/flow-react-components/Avatar"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Text from "@mittwald/flow-react-components/Text"; +import ContextMenu, { + MenuItem, +} from "@mittwald/flow-react-components/ContextMenu"; +import { + IconDomain, + IconSubdomain, +} from "@mittwald/flow-react-components/Icons"; +import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; + + + + > + {(domain) => ( + <> + + {domain.type === "Domain" ? ( + + ) : ( + + )} + + {domain.hostname} + {domain.verified ? ( + {domain.type} + ) : ( + + Nicht verifiziert + + )} + + Details anzeigen + Löschen + + + )} + +; +1a:T591,import List, { + ListItemView, + ListStaticData, +} from "@mittwald/flow-react-components/List"; +import { + type Domain, + domains, +} from "@/content/02-components/structure/list/examples/domainApi"; +import Avatar from "@mittwald/flow-react-components/Avatar"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Text from "@mittwald/flow-react-components/Text"; +import ContextMenu, { + MenuItem, +} from "@mittwald/flow-react-components/ContextMenu"; +import Link from "@mittwald/flow-react-components/Link"; +import { + IconDomain, + IconSubdomain, +} from "@mittwald/flow-react-components/Icons"; +import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; + + + + > + {(domain) => ( + + + {domain.type === "Domain" ? ( + + ) : ( + + )} + + {domain.hostname} + {domain.verified ? ( + {domain.type} + ) : ( + + Nicht verifiziert + + )} + + Details anzeigen + Löschen + + + )} + +; +1b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +import Text from "@mittwald/flow-react-components/Text"; +import Link from "@mittwald/flow-react-components/Link"; +import Section from "@mittwald/flow-react-components/Section"; +import TextField from "@mittwald/flow-react-components/TextField"; +import Label from "@mittwald/flow-react-components/Label"; +import { IconMember } from "@mittwald/flow-react-components/Icons"; + +<> +
+ + + Persönliche Informationen + + + + + + + +
+
+ Newsletter + + Kommende Releases, neue Features und Tipps rund um + dein Hosting – wir bringen dir das Wichtigste in dein + Postfach. Abonniere unseren Newsletter und bleib auf + dem Laufenden. + + Newsletter abonnieren +
+; +23:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ +const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; +const {useMDXComponents: _provideComponents} = arguments[0]; +function _createMdxContent(props) { + const _components = Object.assign({ + p: "p", + strong: "strong", + hr: "hr", + h2: "h2", + code: "code", + pre: "pre" + }, _provideComponents(), props.components), {InlineAlert, Heading, Content} = _components; + if (!Content) _missingMdxReference("Content", true); + if (!Heading) _missingMdxReference("Heading", true); + if (!InlineAlert) _missingMdxReference("InlineAlert", true); + return _jsxs(_Fragment, { + children: [_jsxs(InlineAlert, { + children: [_jsx(Heading, { + children: "Hinweis zu frühem Entwicklungsstand und Stabilität" + }), _jsx(Content, { + children: _jsxs(_components.p, { + children: ["Dieses Projekt befindet sich in einer ", _jsx(_components.strong, { + children: "frühen Entwicklungsphase" + }), " weswegen\nwir keine Garantie zur Stabilität bieten können. Du kannst dieses Projekt\ndennoch gerne ausprobieren, verlasse dich aber bitte nicht darauf das die\naktuellen Inhalte in dieser Form bestehen bleiben. Wir freuen uns über jedes\nFeedback zum aktuellen Entwicklungsstand!"] + }) + })] + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Installation der Flow React Component Library" + }), "\n", _jsxs(_components.p, { + children: ["Die Flow React Component Library kann mit einem Package Manager wie ", _jsx(_components.code, { + children: "npm" + }), " or\n", _jsx(_components.code, { + children: "yarn" + }), " installiert werden."] + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + className: "language-shell", + children: "yarn add @mittwald/flow-react-components\n" + }) + }), "\n", _jsx(_components.p, { + children: "Zur leichteren Verwaltung der Abhängigkeiten werden alle Komponenten innerhalb\ndiese Packages bereitgestellt." + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Styles importieren" + }), "\n", _jsx(_components.p, { + children: "Um die Komponenten Styles zu verwenden, musst du das Stylesheet importieren.\nFüge diese Zeile zum Einstiegspunkt deines Projektes hinzu." + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: "import \"@mittwald/flow-react-components/styles\";\n" + }) + })] + }); +} +function MDXContent(props = {}) { + const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components); + return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { + children: _jsx(_createMdxContent, props) + })) : _createMdxContent(props); +} +return { + default: MDXContent +}; +function _missingMdxReference(id, component) { + throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); +} +24:{"description":"Willkommen in der Flow Dokumentation!"} +25:{} +22:{"compiledSource":"$23","frontmatter":"$24","scope":"$25"} +26:{} +27:["01-getting-started","installation"] +29:T18a2,/*@jsxRuntime automatic @jsxImportSource react*/ +const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; +const {useMDXComponents: _provideComponents} = arguments[0]; +function _createMdxContent(props) { + const _components = Object.assign({ + p: "p", + hr: "hr", + h2: "h2", + code: "code", + pre: "pre", + h3: "h3", + h4: "h4", + strong: "strong" + }, _provideComponents(), props.components), {LiveCodeEditor} = _components; + if (!LiveCodeEditor) _missingMdxReference("LiveCodeEditor", true); + return _jsxs(_Fragment, { + children: [_jsx(_components.p, { + children: "Die Flow-Komponenten-Bibliotheken werden über ein gemeinsames Stylesheet, das\nauch für sich alleine verwendet werden kann, gestyled. Das kann nützlich sein,\nwenn du dein eigenes Framework verwendest, um Komponenten zu bauen, und dich\ndabei an die mittwald Styling Guidelines halten willst." + }), "\n", _jsx(_components.p, { + children: "Auf dieser Seite findest du alle Informationen darüber, wie du das Stylesheet\ninstallieren kannst und wie die Klassennamen strukturiert sind." + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Installation des Standalone Stylesheets" + }), "\n", _jsxs(_components.p, { + children: ["Zum aktuellen Entwicklungsstand des Projektes kannst du das Stylesheet nur über\nNPM installieren. Die Flow-Stylesheet-Bibliothek kann über einen Package Manager\nwie ", _jsx(_components.code, { + children: "npm" + }), " or ", _jsx(_components.code, { + children: "yarn" + }), " installiert werden."] + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: "yarn add @mittwald/flow-stylesheet\n" + }) + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Styles importieren" + }), "\n", _jsx(_components.p, { + children: "Um die Komponenten Styles zu verwenden, musst du das Stylesheet importieren.\nFüge diese Zeile zum Einstiegspunkt deines Projektes hinzu." + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: "import \"@mittwald/flow-stylesheet/css\";\n" + }) + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Anwendung des Stylesheets" + }), "\n", _jsx(_components.p, { + children: "Um anfangen zu können solltest du verstehen wie die Klassennamen strukturiert\nsind. Die im Stylesheet bereitgestellten Klassennamen folgen einem konsistenten,\nKomponenten basiertem und leicht zu verstehendem Schema." + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h3, { + children: "Generelle Klassennamen Auszeichnungen" + }), "\n", _jsxs(_components.p, { + children: ["Alle Klassennamen sind in Lowercase geschrieben und benutzen ", _jsx(_components.code, { + children: "-" + }), " um Wörter zu\ntrennen und ", _jsx(_components.code, { + children: "--" + }), " um logische Abschnitte zu unterteilen."] + }), "\n", _jsxs(_components.p, { + children: ["Der erste logische Abschnitt ist immer der ", _jsx(_components.code, { + children: "flow" + }), " Namespace. Andere Abschnitte\nkönnten beispielsweise so aussehen:"] + }), "\n", _jsx(_components.h4, { + children: "Komponenten" + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: ".flow--button\n.flow--heading\n.flow--status-icon\n" + }) + }), "\n", _jsx(_components.h4, { + children: "Sub-Komponenten" + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: ".flow--navigation\n.flow--navigation--navigation-item\n" + }) + }), "\n", _jsx(_components.h4, { + children: "Spezialisierung: Verschiedene Varianten" + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: ".flow--button--primary\n.flow--inline-alert--danger\n.flow--icon--fixed-width\n" + }) + }), "\n", _jsx(_components.h4, { + children: "Spezialisierung: In einer Komposition verwendete Komponenten" + }), "\n", _jsx(_components.pre, { + children: _jsx(_components.code, { + children: ".flow--button--icon\n.flow--inline-alert--status-icon\n" + }) + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h3, { + children: "Ein Hinweis zur Spezialisierung" + }), "\n", _jsxs(_components.p, { + children: ["Klassennamen die verwendet werden, um die Basiskomponente zu spezialisieren,\nmüssen immer ", _jsx(_components.strong, { + children: "zusätzlich zum Basis-Klassennamen" + }), " verwendet werden."] + }), "\n", _jsx(_components.p, { + children: "Hier ein paar Beispiele um die diese Anforderung zu verdeutlichen:" + }), "\n", _jsx(LiveCodeEditor, { + example: "variants" + }), "\n", _jsx(_components.h4, { + children: "Kombinierte Varianten" + }), "\n", _jsx(LiveCodeEditor, { + example: "multiple-variants" + }), "\n", _jsx(_components.h4, { + children: "In einer Komposition verwendete Komponenten" + }), "\n", _jsxs(_components.p, { + children: ["Es ist gängige Praxis größere Komponenten aus bereits bestehenden kleineren\nKomponenten zusammenzusetzen. Der InlineAlert besteht beispielsweise aus einem\nIcon, einer Heading und optionalem Inhalt. Die verwendeten Komponenten müssen\nihren Basis-Klassennamen für das grundsätzliche Styling erhalten (", _jsx(_components.code, { + children: "flow--icon" + }), "),\nsowie den spezialisierten Klassennamen (", _jsx(_components.code, { + children: "flow--inline-alert--status-icon" + }), ") um\nspezifische Styles des Inline Alerts zu erhalten."] + }), "\n", _jsx(LiveCodeEditor, { + example: "composition" + })] + }); +} +function MDXContent(props = {}) { + const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components); + return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { + children: _jsx(_createMdxContent, props) + })) : _createMdxContent(props); +} +return { + default: MDXContent +}; +function _missingMdxReference(id, component) { + throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); +} +2a:{} +2b:{} +28:{"compiledSource":"$29","frontmatter":"$2a","scope":"$2b"} +2c:{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"} +2d:["01-getting-started","stylesheet"] +2f:{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."} +30:{} +2e:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$2f","scope":"$30"} +32:T412,import Button from "@mittwald/flow-react-components/Button"; +import Action from "@mittwald/flow-react-components/Action"; +import { sleepLong } from "@/content/02-components/actions/action/examples/lib"; +import { Modal } from "@mittwald/flow-react-components/Modal"; +import Heading from "@mittwald/flow-react-components/Heading"; +import { Content } from "@mittwald/flow-react-components/Content"; +import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup"; + + + + Projekt löschen + + Das Löschen eines Projektes kann nicht rückgängig + gemacht werden. Möchtest Du das Projekt + "Test" dennoch löschen? + + + + + + + +; +31:{"confirmation":"$32","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"} +33:["02-components","actions","action"] +35:{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."} +36:{} +34:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$35","scope":"$36"} +37:{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"} +38:["02-components","actions","button-group"] +3a:{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."} +3b:{} +39:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$3a","scope":"$3b"} +3c:{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"} +3d:["02-components","actions","button"] +3f:{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."} +40:{} +3e:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$3f","scope":"$40"} +41:{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"} +42:["02-components","actions","context-menu"] +44:{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."} +45:{} +43:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$44","scope":"$45"} +46:{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"} +47:["02-components","actions","copy-button"] +49:{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."} +4a:{} +48:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$49","scope":"$4a"} +4b:{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"} +4c:["02-components","content","avatar"] +4e:{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"} +4f:{} +4d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$4e","scope":"$4f"} +50:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"} +51:["02-components","content","heading"] +53:{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."} +54:{} +52:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$53","scope":"$54"} +56:T8c4,import { + IconApp, + IconBackup, + IconCronjob, + IconCustomer, + IconDatabase, + IconDomain, + IconEmail, + IconInbox, + IconMember, + IconMittwald, + IconProject, + IconSearchEngine, + IconServer, + IconSettings, + IconSpamProtectionOff, + IconSpamProtectionOn, + IconSshSftp, + IconSubdomain, + IconSupport, +} from "@mittwald/flow-react-components/Icons"; +import Label from "@mittwald/flow-react-components/Label"; +import LabeledValue from "@mittwald/flow-react-components/LabeledValue"; +import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; +57:Tf4b,import { + IconBackLink, + IconCheck, + IconCheckboxChecked, + IconCheckboxEmpty, + IconCheckboxIndeterminate, + IconChevronDown, + IconChevronLeft, + IconChevronRight, + IconChevronUp, + IconClose, + IconCode, + IconContextMenu, + IconCopy, + IconDashboard, + IconDate, + IconDelete, + IconExternalLink, + IconFilter, + IconHide, + IconHome, + IconListView, + IconLogout, + IconMinus, + IconNotification, + IconPlus, + IconRadioOff, + IconRadioOn, + IconRandom, + IconSave, + IconSearch, + IconShare, + IconShow, + IconSorting, + IconTerminate, + IconTileView, + IconTime, +} from "@mittwald/flow-react-components/Icons"; +import Label from "@mittwald/flow-react-components/Label"; +import LabeledValue from "@mittwald/flow-react-components/LabeledValue"; +import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; +55:{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$56","functional":"$57","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"} +58:["02-components","content","icon"] +5a:{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."} +5b:{} +59:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$5a","scope":"$5b"} +5c:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"} +5d:["02-components","content","illustrated-message"] +5f:{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."} +60:{} +5e:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$5f","scope":"$60"} +61:{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"} +62:["02-components","content","image"] +64:{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."} +65:{} +63:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$64","scope":"$65"} +66:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"} +67:["02-components","content","inline-code"] +69:{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."} +6a:{} +68:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$69","scope":"$6a"} +6b:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +6c:["02-components","content","label"] +6e:{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."} +6f:{} +6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} +70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} +71:["02-components","content","labeled-value"] +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} +74:{} +72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +79:{} +77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +7e:{} +7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +83:{} +81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +88:{} +86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +8d:{} +8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +92:{} +90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +97:{} +95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +9c:{} +9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +a1:{} +9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +a6:{} +a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +ab:{} +a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; +import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; +import { + IconLogout, + IconNotification, + IconSettings, + IconSupport, + IconSearch, +} from "@mittwald/flow-react-components/Icons"; +import ContextMenu, { + ContextMenuTrigger, +} from "@mittwald/flow-react-components/ContextMenu"; +import Avatar from "@mittwald/flow-react-components/Avatar"; +import Image from "@mittwald/flow-react-components/Image"; +import Text from "@mittwald/flow-react-components/Text"; +import MenuItem from "@mittwald/flow-react-components/MenuItem"; + + + + + + + + + + + Profil + + + + Logout + + + +; +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} +b6:{} +b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +bb:{} +b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { + Tab, + TabTitle, +} from "@mittwald/flow-react-components/Tabs"; +import Section from "@mittwald/flow-react-components/Section"; +import Heading from "@mittwald/flow-react-components/Heading"; +import TextField from "@mittwald/flow-react-components/TextField"; +import Label from "@mittwald/flow-react-components/Label"; +import LabeledValue from "@mittwald/flow-react-components/LabeledValue"; +import Text from "@mittwald/flow-react-components/Text"; +import Header from "@mittwald/flow-react-components/Header"; +import Switch from "@mittwald/flow-react-components/Switch"; + + + + Allgemein +
+ Allgemein + + + +
+ + + Speicherplatz +
+ Speicherplatz + + + 2.4 GB + +
+ + + Spamschutz +
+
+ Spamschutz + Spamfilter +
+ + Der Spamfilter schützt dich vor ungewollten E-Mails. + Niemand will Müll in seinem Postfach, daher + empfehlen wir den Spamschutz immer aktiviert zu + lassen. + +
+ +; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; +import Content from "@mittwald/flow-react-components/Content"; +import Text from "@mittwald/flow-react-components/Text"; +import TextField from "@mittwald/flow-react-components/TextField"; +import Label from "@mittwald/flow-react-components/Label"; +import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup"; +import Button from "@mittwald/flow-react-components/Button"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Action from "@mittwald/flow-react-components/Action"; +import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; + + + + + Neue Organisation + + + Eine Organisation kannst du dir wie ein Unternehmen + vorstellen. An diesem Ort verwaltest du deine + Mitarbeiter, Zahlungsmodalitäten und kannst deine + Rechnungen einsehen. + + + + + + + + + + + + +; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +import Content from "@mittwald/flow-react-components/Content"; +import Text from "@mittwald/flow-react-components/Text"; +import TextField from "@mittwald/flow-react-components/TextField"; +import Label from "@mittwald/flow-react-components/Label"; +import ButtonGroup from "@mittwald/flow-react-components/ButtonGroup"; +import Button from "@mittwald/flow-react-components/Button"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Action from "@mittwald/flow-react-components/Action"; +import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; + + + + + Neue Organisation + + + Eine Organisation kannst du dir wie ein Unternehmen + vorstellen. An diesem Ort verwaltest du deine + Mitarbeiter, Zahlungsmodalitäten und kannst deine + Rechnungen einsehen. + + + + + + + + + + + + +; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; +import Button from "@mittwald/flow-react-components/Button"; +import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; +import { + IconCustomer, + IconMenu, + IconProject, + IconServer, +} from "@mittwald/flow-react-components/Icons"; +import Link from "@mittwald/flow-react-components/Link"; +import Navigation from "@mittwald/flow-react-components/Navigation"; +import { Heading } from "@mittwald/flow-react-components/Heading"; +import { Section } from "@mittwald/flow-react-components/Section"; +import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; + + + + +
+ Menü + + + + Customer + + + + Server + + + + Project + + +
+ +; +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} +d3:{} +d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Content from "@mittwald/flow-react-components/Content"; + + + + E-Mail-Adresse wurde archiviert + + Da deine Domain gelöscht wurde, wurde diese + E-Mail-Adresse archiviert. Um E-Mails empfangen und + senden zu können musst du die Adresse wieder + umbenennen. + + + + + Dein Speicher ist fast voll + + Dein Speicher ist zu über 80% belegt. Wir empfehlen + dir deinen Speicherplatz zu erweitern, um Problemen + vorzubeugen. + + + + + + Es konnte kein SSL-Zertifikat ausgestellt werden + + + Für diese Domain konnte kein SSL-Zertifikat + ausgestellt werden, da die Domain per IP nicht auf + deine Server-IP zeigt. + + + + + Deine App wurde aktualisiert + + Deine App wurde erfolgreich auf die neueste Version + aktualisiert. + + +; +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} +de:{} +dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +e3:{} +e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +e8:{} +e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +ed:{} +eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +f2:{} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +f7:{} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +fc:{} +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { + ListFilter, + ListItemView, + ListSorting, + ListStaticData, +} from "@mittwald/flow-react-components/List"; +import { + type Domain, + domains, +} from "@/content/02-components/structure/list/examples/domainApi"; +import Avatar from "@mittwald/flow-react-components/Avatar"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Text from "@mittwald/flow-react-components/Text"; +import ContextMenu from "@mittwald/flow-react-components/ContextMenu"; +import { + IconDomain, + IconSubdomain, +} from "@mittwald/flow-react-components/Icons"; +import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; +import MenuItem from "@mittwald/flow-react-components/MenuItem"; + + + + + property="type" + mode="some" + name="Type" + /> + property="domain" name="Domain" /> + property="type" name="Type" /> + > + {(domain) => ( + <> + + {domain.type === "Domain" ? ( + + ) : ( + + )} + + {domain.hostname} + {domain.verified ? ( + {domain.type} + ) : ( + + Nicht verifiziert + + )} + + Details anzeigen + Löschen + + + )} + +; +104:T547,import List, { + ListItemView, + ListStaticData, +} from "@mittwald/flow-react-components/List"; +import { + type Domain, + domains, +} from "@/content/02-components/structure/list/examples/domainApi"; +import Avatar from "@mittwald/flow-react-components/Avatar"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Text from "@mittwald/flow-react-components/Text"; +import ContextMenu, { + MenuItem, +} from "@mittwald/flow-react-components/ContextMenu"; +import { + IconDomain, + IconSubdomain, +} from "@mittwald/flow-react-components/Icons"; +import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; + + + + > + {(domain) => ( + <> + + {domain.type === "Domain" ? ( + + ) : ( + + )} + + {domain.hostname} + {domain.verified ? ( + {domain.type} + ) : ( + + Nicht verifiziert + + )} + + Details anzeigen + Löschen + + + )} + +; +105:T591,import List, { + ListItemView, + ListStaticData, +} from "@mittwald/flow-react-components/List"; +import { + type Domain, + domains, +} from "@/content/02-components/structure/list/examples/domainApi"; +import Avatar from "@mittwald/flow-react-components/Avatar"; +import Heading from "@mittwald/flow-react-components/Heading"; +import Text from "@mittwald/flow-react-components/Text"; +import ContextMenu, { + MenuItem, +} from "@mittwald/flow-react-components/ContextMenu"; +import Link from "@mittwald/flow-react-components/Link"; +import { + IconDomain, + IconSubdomain, +} from "@mittwald/flow-react-components/Icons"; +import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; + + + + > + {(domain) => ( + + + {domain.type === "Domain" ? ( + + ) : ( + + )} + + {domain.hostname} + {domain.verified ? ( + {domain.type} + ) : ( + + Nicht verifiziert + + )} + + Details anzeigen + Löschen + + + )} + +; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +import Text from "@mittwald/flow-react-components/Text"; +import Link from "@mittwald/flow-react-components/Link"; +import Section from "@mittwald/flow-react-components/Section"; +import TextField from "@mittwald/flow-react-components/TextField"; +import Label from "@mittwald/flow-react-components/Label"; +import { IconMember } from "@mittwald/flow-react-components/Icons"; + +<> +
+ + + Persönliche Informationen + + + + + + + +
+
+ Newsletter + + Kommende Releases, neue Features und Tipps rund um + dein Hosting – wir bringen dir das Wichtigste in dein + Postfach. Abonniere unseren Newsletter und bleib auf + dem Laufenden. + + Newsletter abonnieren +
+; +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T95f,/*@jsxRuntime automatic @jsxImportSource react*/ +const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; +const {useMDXComponents: _provideComponents} = arguments[0]; +function _createMdxContent(props) { + const _components = Object.assign({ + h2: "h2", + hr: "hr", + p: "p", + code: "code", + strong: "strong", + a: "a" + }, _provideComponents(), props.components), {LiveCodeEditor} = _components; + if (!LiveCodeEditor) _missingMdxReference("LiveCodeEditor", true); + return _jsxs(_Fragment, { + children: [_jsx(_components.h2, { + children: "Beispiel" + }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Benutzerdefinierte Größe" + }), "\n", _jsx(LiveCodeEditor, { + example: "custom-size", + editorCollapsed: true + }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { + children: "Accessibility" + }), "\n", _jsxs(_components.p, { + children: ["Das Skeleton soll von Screenreadern ignoriert werden und enthält deswegen das\nProperty ", _jsx(_components.code, { + children: "aria-hidden" + }), "."] + }), "\n", _jsxs(_components.p, { + children: ["Die Accessibility eines Ladezustands wird ", _jsx(_components.strong, { + children: "nicht" + }), " vom Skeleton geregelt."] + }), "\n", _jsxs(_components.p, { + children: ["Um für den Screenreader erkenntlich zu machen, dass ein Inhalt fertig geladen\nhat sollte dieser im Ladezustand das Property ", _jsx(_components.code, { + children: "aria-busy" + }), ", welches auf ", _jsx(_components.code, { + children: "false" + }), "\ngesetzt wird, wenn fertig geladen wurde. (s.\n", _jsx(_components.a, { + href: "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-busy", + children: "MDN" + }), ")"] + })] + }); +} +function MDXContent(props = {}) { + const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components); + return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { + children: _jsx(_createMdxContent, props) + })) : _createMdxContent(props); +} +return { + default: MDXContent +}; +function _missingMdxReference(id, component) { + throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); +} +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Skeleton"}],"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Skeleton","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Skeleton"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] +1:null diff --git a/docs/302-accordion-component/02-components/content/text.html b/docs/302-accordion-component/02-components/content/text.html index 0834827515..1f8284eebe 100644 --- a/docs/302-accordion-component/02-components/content/text.html +++ b/docs/302-accordion-component/02-components/content/text.html @@ -1,18 +1,18 @@ -Text
Text

Flow

beta

Components

Text

Die Text-Komponente wird verwendet, um Texte zu gruppieren.GitHub
Das ist ein Text

Beispiel

-
Das ist ein Text
import Text from "@mittwald/flow-react-components/Text";
+
Flow
beta

Components

Text

Die Text-Komponente wird verwendet, um Texte zu gruppieren.GitHub
Das ist ein Text

Beispiel

+
Das ist ein Text
import Text from "@mittwald/flow-react-components/Text";
 
 <Text>Das ist ein Text</Text>;
-
+

Mit emulateBoldWidth

Benutze das emulateBoldWidth Property, wenn dein Text immer die Breite haben soll, die er mit font-weight: bold haben würde. Das ist beispielsweise in horizontalen Navigationen wichtig, wenn der aktive Menüpunkt bold dargestellt wird, um ein springen der Menüpunkte zu vermeiden.

-
Das ist ein TextDas ist ein Text
import Text from "@mittwald/flow-react-components/Text";
+
Das ist ein TextDas ist ein Text
import Text from "@mittwald/flow-react-components/Text";
 
 <Column>
   <Text
@@ -25,4 +25,4 @@ 
Mit emulateBoldWidth

     <strong>Das ist ein Text</strong>
   </Text>
 </Column>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/content/text.txt b/docs/302-accordion-component/02-components/content/text.txt index ae682465b4..7d9a0b74d2 100644 --- a/docs/302-accordion-component/02-components/content/text.txt +++ b/docs/302-accordion-component/02-components/content/text.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/content/text","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/content/text","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"text\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/text","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/content/text","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"content\",\"text\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/content/text","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T70d,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T72a,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2186,7 +2192,8 @@ function _createMdxContent(props) { children: "bold" }), " dargestellt\nwird, um ein springen der Menüpunkte zu vermeiden."] }), "\n", _jsx(LiveCodeEditor, { - example: "emulateBoldWidth" + example: "emulateBoldWidth", + editorCollapsed: true })] }); } @@ -2202,6 +2209,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Text"}],"Die Text-Komponente wird verwendet, um Texte zu gruppieren.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Text","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Text"}],"Die Text-Komponente wird verwendet, um Texte zu gruppieren.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Text","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Text"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/form-controls/checkbox-button.html b/docs/302-accordion-component/02-components/form-controls/checkbox-button.html index 12200c1e67..c9556c4d9b 100644 --- a/docs/302-accordion-component/02-components/form-controls/checkbox-button.html +++ b/docs/302-accordion-component/02-components/form-controls/checkbox-button.html @@ -1,11 +1,11 @@ -CheckboxButton
CheckboxButton

Flow

beta

Components

CheckboxButton

Der CheckboxButton verhält sich wie eine Checkbox.GitHub

Beispiel

-
import CheckboxButton from "@mittwald/flow-react-components/CheckboxButton";
+
Flow
beta

Components

CheckboxButton

Der CheckboxButton verhält sich wie eine Checkbox.GitHub

Beispiel

+
import CheckboxButton from "@mittwald/flow-react-components/CheckboxButton";
 
 <CheckboxButton>
   Ich stimme den AGBs zu und bestätige, dass ich die
   Datenschutzhinweise zur Kenntnis genommen habe.
 </CheckboxButton>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/form-controls/checkbox-button.txt b/docs/302-accordion-component/02-components/form-controls/checkbox-button.txt index 7e340d3a63..e9067cf4b7 100644 --- a/docs/302-accordion-component/02-components/form-controls/checkbox-button.txt +++ b/docs/302-accordion-component/02-components/form-controls/checkbox-button.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/form-controls/checkbox-button","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/form-controls/checkbox-button","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"checkbox-button\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/checkbox-button","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/form-controls/checkbox-button","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"checkbox-button\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/checkbox-button","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T423,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T423,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2187,6 +2193,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"CheckboxButton"}],"Der CheckboxButton verhält sich wie eine Checkbox.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/CheckboxButton","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"CheckboxButton"}],"Der CheckboxButton verhält sich wie eine Checkbox.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/CheckboxButton","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"CheckboxButton"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/form-controls/checkbox-group.html b/docs/302-accordion-component/02-components/form-controls/checkbox-group.html index 2f8c4a5096..b69bd548b9 100644 --- a/docs/302-accordion-component/02-components/form-controls/checkbox-group.html +++ b/docs/302-accordion-component/02-components/form-controls/checkbox-group.html @@ -1,8 +1,8 @@ -CheckboxGroup
CheckboxGroup

Flow

beta

Components

CheckboxGroup

Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von CheckboxenGitHub
Berechtigungen

Beispiel

-
Berechtigungen
import Checkbox from "@mittwald/flow-react-components/Checkbox";
+
Flow
beta

Components

CheckboxGroup

Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von CheckboxenGitHub
Berechtigungen

Beispiel

+
Berechtigungen
import Checkbox from "@mittwald/flow-react-components/Checkbox";
 import CheckboxGroup from "@mittwald/flow-react-components/CheckboxGroup";
 import Label from "@mittwald/flow-react-components/Label";
 
@@ -11,10 +11,10 @@
   <Checkbox value="read">Lesen</Checkbox>
   <Checkbox value="write">Schreiben</Checkbox>
 </CheckboxGroup>;
-
+

Mit Checkbox Buttons

-
Berechtigungen
import CheckboxButton from "@mittwald/flow-react-components/CheckboxButton";
+
Berechtigungen
import CheckboxButton from "@mittwald/flow-react-components/CheckboxButton";
 import CheckboxGroup from "@mittwald/flow-react-components/CheckboxGroup";
 import Label from "@mittwald/flow-react-components/Label";
 
@@ -23,18 +23,18 @@ 
Mit Checkbox Buttons

   <CheckboxButton value="read">Lesen</CheckboxButton>
   <CheckboxButton value="write">Schreiben</CheckboxButton>
 </CheckboxGroup>;
-

+

Mit benutzerdefinierten Spalten

Die CheckboxGroup verwendet das ColumnLayout um eine Anpassung der Spalten zu ermöglichen.

-
Berechtigungen
import CheckboxButton from "@mittwald/flow-react-components/CheckboxButton";
+
Berechtigungen
import CheckboxButton from "@mittwald/flow-react-components/CheckboxButton";
 import CheckboxGroup from "@mittwald/flow-react-components/CheckboxGroup";
 import Label from "@mittwald/flow-react-components/Label";
 
-<CheckboxGroup l={[1, 1]}>
+<CheckboxGroup l={[1, 1]} m={[1]}>
   <Label>Berechtigungen</Label>
   <CheckboxButton value="read">Lesen</CheckboxButton>
   <CheckboxButton value="write">Schreiben</CheckboxButton>
 </CheckboxGroup>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/form-controls/checkbox-group.txt b/docs/302-accordion-component/02-components/form-controls/checkbox-group.txt index da32fce49e..83286e7d32 100644 --- a/docs/302-accordion-component/02-components/form-controls/checkbox-group.txt +++ b/docs/302-accordion-component/02-components/form-controls/checkbox-group.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/form-controls/checkbox-group","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/form-controls/checkbox-group","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"checkbox-group\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/checkbox-group","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/form-controls/checkbox-group","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"checkbox-group\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/checkbox-group","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T6c2,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T6fc,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2178,7 +2184,8 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Checkbox Buttons" }), "\n", _jsx(LiveCodeEditor, { - example: "buttons" + example: "buttons", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit benutzerdefinierten Spalten" }), "\n", _jsxs(_components.p, { @@ -2188,7 +2195,8 @@ function _createMdxContent(props) { children: "ColumnLayout" }), " um eine Anpassung der Spalten\nzu ermöglichen."] }), "\n", _jsx(LiveCodeEditor, { - example: "customColumns" + example: "customColumns", + editorCollapsed: true })] }); } @@ -2204,6 +2212,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"CheckboxGroup"}],"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/CheckboxGroup","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"CheckboxGroup"}],"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/CheckboxGroup","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"CheckboxGroup"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/form-controls/checkbox.html b/docs/302-accordion-component/02-components/form-controls/checkbox.html index 6fc550dc4a..d5fa5218ba 100644 --- a/docs/302-accordion-component/02-components/form-controls/checkbox.html +++ b/docs/302-accordion-component/02-components/form-controls/checkbox.html @@ -1,29 +1,29 @@ -Checkbox
Checkbox

Flow

beta

Components

Checkbox

Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen.GitHub

Beispiel

-
import Checkbox from "@mittwald/flow-react-components/Checkbox";
+
Flow
beta

Components

Checkbox

Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen.GitHub

Beispiel

+
import Checkbox from "@mittwald/flow-react-components/Checkbox";
 
 <Checkbox>
   Ich stimme den AGBs zu und bestätige, dass ich die
   Datenschutzhinweise zur Kenntnis genommen habe.
 </Checkbox>;
-
+

Disabled

-
import Checkbox from "@mittwald/flow-react-components/Checkbox";
+
import Checkbox from "@mittwald/flow-react-components/Checkbox";
 
 <Checkbox isDisabled>
   Ich stimme den AGBs zu und bestätige, dass ich die
   Datenschutzhinweise zur Kenntnis genommen habe.
 </Checkbox>;
-

+

Indeterminated

-
import Checkbox from "@mittwald/flow-react-components/Checkbox";
+
import Checkbox from "@mittwald/flow-react-components/Checkbox";
 
 <Checkbox isIndeterminate>
   Ich stimme den AGBs zu und bestätige, dass ich die
   Datenschutzhinweise zur Kenntnis genommen habe.
 </Checkbox>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/form-controls/checkbox.txt b/docs/302-accordion-component/02-components/form-controls/checkbox.txt index 5ed10e81ea..9d65b077ac 100644 --- a/docs/302-accordion-component/02-components/form-controls/checkbox.txt +++ b/docs/302-accordion-component/02-components/form-controls/checkbox.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/form-controls/checkbox","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/form-controls/checkbox","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"checkbox\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/checkbox","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/form-controls/checkbox","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"checkbox\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/checkbox","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T57b,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T5b5,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,11 +2182,13 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Disabled" }), "\n", _jsx(LiveCodeEditor, { - example: "disabled" + example: "disabled", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Indeterminated" }), "\n", _jsx(LiveCodeEditor, { - example: "indeterminated" + example: "indeterminated", + editorCollapsed: true })] }); } @@ -2196,6 +2204,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Checkbox"}],"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Checkbox","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Checkbox"}],"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Checkbox","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Checkbox"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/form-controls/number-field.html b/docs/302-accordion-component/02-components/form-controls/number-field.html index fefd58c77f..e7a9fbd8d9 100644 --- a/docs/302-accordion-component/02-components/form-controls/number-field.html +++ b/docs/302-accordion-component/02-components/form-controls/number-field.html @@ -1,8 +1,8 @@ -NumberField
NumberField

Flow

beta

Components

NumberField

Das NumberField dient der Eingabe von Zahlen.GitHub
Gib dein Alter ein

Beispiel

-
Gib dein Alter ein
import NumberField from "@mittwald/flow-react-components/NumberField";
+
Flow
beta

Components

NumberField

Das NumberField dient der Eingabe von Zahlen.GitHub
Gib dein Alter ein

Beispiel

+
Gib dein Alter ein
import NumberField from "@mittwald/flow-react-components/NumberField";
 import Label from "@mittwald/flow-react-components/Label";
 import FieldDescription from "@mittwald/flow-react-components/FieldDescription";
 
@@ -10,28 +10,28 @@
   <Label>Alter</Label>
   <FieldDescription>Gib dein Alter ein</FieldDescription>
 </NumberField>;
-
+

Disabled

-
import NumberField from "@mittwald/flow-react-components/NumberField";
+
import NumberField from "@mittwald/flow-react-components/NumberField";
 import Label from "@mittwald/flow-react-components/Label";
 
 <NumberField isDisabled>
   <Label>Alter</Label>
 </NumberField>;
-

+

Required

-
import NumberField from "@mittwald/flow-react-components/NumberField";
+
import NumberField from "@mittwald/flow-react-components/NumberField";
 import Label from "@mittwald/flow-react-components/Label";
 
 <NumberField isRequired>
   <Label>Alter</Label>
 </NumberField>;
-

+

Invalid

-
Ungültige Eingabe
import NumberField from "@mittwald/flow-react-components/NumberField";
+
Ungültige Eingabe
import NumberField from "@mittwald/flow-react-components/NumberField";
 import Label from "@mittwald/flow-react-components/Label";
 import FieldError from "@mittwald/flow-react-components/FieldError";
 
@@ -39,10 +39,10 @@ 
Invalid

   <Label>Alter</Label>
   <FieldError>Ungültige Eingabe</FieldError>
 </NumberField>;
-

+

Mit Einheit

-
import NumberField from "@mittwald/flow-react-components/NumberField";
+
import NumberField from "@mittwald/flow-react-components/NumberField";
 import Label from "@mittwald/flow-react-components/Label";
 
 <NumberField
@@ -54,4 +54,4 @@ 
Mit Einheit

 >
   <Label>Speicherplatz</Label>
 </NumberField>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/form-controls/number-field.txt b/docs/302-accordion-component/02-components/form-controls/number-field.txt index 0c2c8d1269..b0d2977c63 100644 --- a/docs/302-accordion-component/02-components/form-controls/number-field.txt +++ b/docs/302-accordion-component/02-components/form-controls/number-field.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/form-controls/number-field","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/form-controls/number-field","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"number-field\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/number-field","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/form-controls/number-field","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"number-field\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/number-field","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T6aa,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T71e,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,19 +2182,23 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Disabled" }), "\n", _jsx(LiveCodeEditor, { - example: "disabled" + example: "disabled", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Required" }), "\n", _jsx(LiveCodeEditor, { - example: "required" + example: "required", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Invalid" }), "\n", _jsx(LiveCodeEditor, { - example: "invalid" + example: "invalid", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Einheit" }), "\n", _jsx(LiveCodeEditor, { - example: "unit" + example: "unit", + editorCollapsed: true })] }); } @@ -2204,6 +2214,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"NumberField"}],"Das NumberField dient der Eingabe von Zahlen.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/NumberField","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"NumberField"}],"Das NumberField dient der Eingabe von Zahlen.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/NumberField","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"NumberField"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/form-controls/radio-group.html b/docs/302-accordion-component/02-components/form-controls/radio-group.html index 71588d21bc..2897fa28e1 100644 --- a/docs/302-accordion-component/02-components/form-controls/radio-group.html +++ b/docs/302-accordion-component/02-components/form-controls/radio-group.html @@ -1,8 +1,8 @@ -RadioGroup
RadioGroup

Flow

beta

Components

RadioGroup

Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss.GitHub
Rolle

Beispiel

-
Rolle
import Label from "@mittwald/flow-react-components/Label";
+
Flow
beta

Components

RadioGroup

Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss.GitHub
Rolle

Beispiel

+
Rolle
import Label from "@mittwald/flow-react-components/Label";
 import RadioGroup, {
   Radio,
 } from "@mittwald/flow-react-components/RadioGroup";
@@ -13,10 +13,10 @@
   <Radio value="member">Mitglied</Radio>
   <Radio value="accountant">Buchhalter</Radio>
 </RadioGroup>;
-
+

Mit Radio Buttons

-
Rolle
import Label from "@mittwald/flow-react-components/Label";
+
Rolle
import Label from "@mittwald/flow-react-components/Label";
 import RadioGroup, {
   RadioButton,
 } from "@mittwald/flow-react-components/RadioGroup";
@@ -27,12 +27,44 @@ 
Mit Radio Buttons

   <RadioButton value="member">Mitglied</RadioButton>
   <RadioButton value="accountant">Buchhalter</RadioButton>
 </RadioGroup>;
-

+
+

Mit zusätzlichem Inhalt

+
import RadioGroup, {
+  RadioButton,
+} from "@mittwald/flow-react-components/RadioGroup";
+import Text from "@mittwald/flow-react-components/Text";
+import Content from "@mittwald/flow-react-components/Content";
+
+<RadioGroup defaultValue="domain" aria-label="Domain">
+  <RadioButton value="domain">
+    <Text>Domain buchen</Text>
+    <Content>
+      Du hast eine Wunsch-Domain? Kein Problem wir helfen
+      dir die passende Domain für dich zu finden.
+    </Content>
+  </RadioButton>
+  <RadioButton value="virtualHost">
+    <Text>Virtual Host einrichten</Text>
+    <Content>
+      Die Domain bleibt bei deinem bisherigen Anbieter, du
+      kannst sie aber für deine Website in unserem mStudio
+      verwenden.
+    </Content>
+  </RadioButton>
+  <RadioButton value="subdomain">
+    <Text>Subdomain anlegen</Text>
+    <Content>
+      Eine Subdomain von einer bereits vorhandenen Domain
+      erstellen, um sie für dein Projekt zu verwenden.
+    </Content>
+  </RadioButton>
+</RadioGroup>;
+

Mit benutzerdefinierten Spalten

Die RadioGroup verwendet das ColumnLayout um eine Anpassung der Spalten zu ermöglichen.

-
Rolle
import Label from "@mittwald/flow-react-components/Label";
+
Rolle
import Label from "@mittwald/flow-react-components/Label";
 import RadioGroup, {
   RadioButton,
 } from "@mittwald/flow-react-components/RadioGroup";
@@ -48,10 +80,10 @@ 
Mit benutzerdefinierten Spalten

   <RadioButton value="member">Mitglied</RadioButton>
   <RadioButton value="accountant">Buchhalter</RadioButton>
 </RadioGroup>;
-

+

Segmented Variante

-
Rolle
import Label from "@mittwald/flow-react-components/Label";
+
Rolle
import Label from "@mittwald/flow-react-components/Label";
 import RadioGroup, {
   Radio,
 } from "@mittwald/flow-react-components/RadioGroup";
@@ -62,4 +94,4 @@ 
Segmented Variante

   <Radio value="member">Mitglied</Radio>
   <Radio value="accountant">Buchhalter</Radio>
 </RadioGroup>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/form-controls/radio-group.txt b/docs/302-accordion-component/02-components/form-controls/radio-group.txt index 29bba24cf7..820f5a6372 100644 --- a/docs/302-accordion-component/02-components/form-controls/radio-group.txt +++ b/docs/302-accordion-component/02-components/form-controls/radio-group.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/form-controls/radio-group","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/form-controls/radio-group","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"radio-group\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/radio-group","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/form-controls/radio-group","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"radio-group\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/radio-group","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,60 +2119,62 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T766,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T876,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = Object.assign({ h2: "h2", hr: "hr", + h3: "h3", p: "p", code: "code" }, _provideComponents(), props.components), {LiveCodeEditor} = _components; @@ -2178,7 +2185,13 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Radio Buttons" }), "\n", _jsx(LiveCodeEditor, { - example: "buttons" + example: "buttons", + editorCollapsed: true + }), "\n", _jsx(_components.h3, { + children: "Mit zusätzlichem Inhalt" + }), "\n", _jsx(LiveCodeEditor, { + example: "content", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit benutzerdefinierten Spalten" }), "\n", _jsxs(_components.p, { @@ -2188,11 +2201,13 @@ function _createMdxContent(props) { children: "ColumnLayout" }), " um eine Anpassung der Spalten zu\nermöglichen."] }), "\n", _jsx(LiveCodeEditor, { - example: "customColumns" + example: "customColumns", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Segmented Variante" }), "\n", _jsx(LiveCodeEditor, { - example: "segmented" + example: "segmented", + editorCollapsed: true })] }); } @@ -2208,6 +2223,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"RadioGroup"}],"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/RadioGroup","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"RadioGroup"}],"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/RadioGroup","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"RadioGroup"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/form-controls/select.html b/docs/302-accordion-component/02-components/form-controls/select.html index 7b8e09c4f8..af520a24ad 100644 --- a/docs/302-accordion-component/02-components/form-controls/select.html +++ b/docs/302-accordion-component/02-components/form-controls/select.html @@ -1,8 +1,8 @@ -Select
Select

Flow

beta

Components

Select

Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann.GitHub
App (optional)

Beispiel

-
App (optional)
import Select, {
+
Flow
beta

Components

Select

Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann.GitHub
App (optional)

Beispiel

+
App (optional)
import Select, {
   Option,
 } from "@mittwald/flow-react-components/Select";
 import Label from "@mittwald/flow-react-components/Label";
@@ -16,4 +16,4 @@
   <Option>Joomla!</Option>
   <Option>Matomo</Option>
 </Select>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/form-controls/select.txt b/docs/302-accordion-component/02-components/form-controls/select.txt index d68eabbcf8..82aadf29fa 100644 --- a/docs/302-accordion-component/02-components/form-controls/select.txt +++ b/docs/302-accordion-component/02-components/form-controls/select.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/form-controls/select","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/form-controls/select","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"select\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/select","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/form-controls/select","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"select\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/select","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T423,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T423,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2187,6 +2193,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Select"}],"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Select","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Select"}],"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Select","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Select"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/form-controls/switch.html b/docs/302-accordion-component/02-components/form-controls/switch.html index 2e3a51c807..5f01cffc5c 100644 --- a/docs/302-accordion-component/02-components/form-controls/switch.html +++ b/docs/302-accordion-component/02-components/form-controls/switch.html @@ -1,20 +1,20 @@ -Switch
Switch

Flow

beta

Components

Switch

Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann.GitHub

Beispiel

-
import Switch from "@mittwald/flow-react-components/Switch";
+
Flow
beta

Components

Switch

Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann.GitHub

Beispiel

+
import Switch from "@mittwald/flow-react-components/Switch";
 
 <Switch defaultSelected>Autoresponder</Switch>;
-
+

Mit Label vorne

-
import Switch from "@mittwald/flow-react-components/Switch";
+
import Switch from "@mittwald/flow-react-components/Switch";
 
 <Switch labelPosition="leading">Autoresponder</Switch>;
-

+

Disabled

-
import Switch from "@mittwald/flow-react-components/Switch";
+
import Switch from "@mittwald/flow-react-components/Switch";
 
 <Switch isDisabled>Autoresponder</Switch>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/form-controls/switch.txt b/docs/302-accordion-component/02-components/form-controls/switch.txt index 35b0b3db5d..1de474b178 100644 --- a/docs/302-accordion-component/02-components/form-controls/switch.txt +++ b/docs/302-accordion-component/02-components/form-controls/switch.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/form-controls/switch","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/form-controls/switch","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"switch\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/switch","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/form-controls/switch","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"switch\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/switch","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T57b,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T5b5,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,11 +2182,13 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Label vorne" }), "\n", _jsx(LiveCodeEditor, { - example: "leading-label" + example: "leading-label", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Disabled" }), "\n", _jsx(LiveCodeEditor, { - example: "disabled" + example: "disabled", + editorCollapsed: true })] }); } @@ -2196,6 +2204,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Switch"}],"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Switch","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Switch"}],"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Switch","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Switch"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/form-controls/text-area.html b/docs/302-accordion-component/02-components/form-controls/text-area.html index 7ad4bcfa83..6489650f82 100644 --- a/docs/302-accordion-component/02-components/form-controls/text-area.html +++ b/docs/302-accordion-component/02-components/form-controls/text-area.html @@ -1,8 +1,8 @@ -TextArea
TextArea

Flow

beta

Components

TextArea

Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar.GitHub
Beginnt mit ssh-rsa

Beispiel

-
Beginnt mit ssh-rsa
import Label from "@mittwald/flow-react-components/Label";
+
Flow
beta

Components

TextArea

Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar.GitHub
Beginnt mit ssh-rsa

Beispiel

+
Beginnt mit ssh-rsa
import Label from "@mittwald/flow-react-components/Label";
 import FieldDescription from "@mittwald/flow-react-components/FieldDescription";
 import TextArea from "@mittwald/flow-react-components/TextArea";
 
@@ -10,28 +10,28 @@
   <Label>Public Key</Label>
   <FieldDescription>Beginnt mit ssh-rsa</FieldDescription>
 </TextArea>;
-
+

Disabled

-
import Label from "@mittwald/flow-react-components/Label";
+
import Label from "@mittwald/flow-react-components/Label";
 import TextArea from "@mittwald/flow-react-components/TextArea";
 
 <TextArea isDisabled>
   <Label>Public Key</Label>
 </TextArea>;
-

+

Required

-
import Label from "@mittwald/flow-react-components/Label";
+
import Label from "@mittwald/flow-react-components/Label";
 import TextArea from "@mittwald/flow-react-components/TextArea";
 
 <TextArea isRequired>
   <Label>Public Key</Label>
 </TextArea>;
-

+

Invalid

-
Ungültiger Key
import Label from "@mittwald/flow-react-components/Label";
+
Ungültiger Key
import Label from "@mittwald/flow-react-components/Label";
 import TextArea from "@mittwald/flow-react-components/TextArea";
 import FieldError from "@mittwald/flow-react-components/FieldError";
 
@@ -39,4 +39,4 @@ 
Invalid

   <Label>Public Key</Label>
   <FieldError>Ungültiger Key</FieldError>
 </TextArea>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/form-controls/text-area.txt b/docs/302-accordion-component/02-components/form-controls/text-area.txt index cb2c4fc23e..0dbcd09351 100644 --- a/docs/302-accordion-component/02-components/form-controls/text-area.txt +++ b/docs/302-accordion-component/02-components/form-controls/text-area.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/form-controls/text-area","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/form-controls/text-area","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"text-area\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/text-area","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/form-controls/text-area","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"text-area\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/text-area","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T60c,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T663,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,15 +2182,18 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Disabled" }), "\n", _jsx(LiveCodeEditor, { - example: "disabled" + example: "disabled", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Required" }), "\n", _jsx(LiveCodeEditor, { - example: "required" + example: "required", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Invalid" }), "\n", _jsx(LiveCodeEditor, { - example: "invalid" + example: "invalid", + editorCollapsed: true })] }); } @@ -2200,6 +2209,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"TextArea"}],"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/TextArea","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"TextArea"}],"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/TextArea","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"TextArea"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/form-controls/text-field.html b/docs/302-accordion-component/02-components/form-controls/text-field.html index f70bd2c1fe..ed262acd3d 100644 --- a/docs/302-accordion-component/02-components/form-controls/text-field.html +++ b/docs/302-accordion-component/02-components/form-controls/text-field.html @@ -1,8 +1,8 @@ -TextField
TextField

Flow

beta

Components

TextField

Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren.GitHub
Beginnt mit https://

Beispiel

-
Beginnt mit https://
import Label from "@mittwald/flow-react-components/Label";
+
Flow
beta

Components

TextField

Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren.GitHub
Beginnt mit https://

Beispiel

+
Beginnt mit https://
import Label from "@mittwald/flow-react-components/Label";
 import TextField from "@mittwald/flow-react-components/TextField";
 import FieldDescription from "@mittwald/flow-react-components/FieldDescription";
 
@@ -10,28 +10,28 @@
   <Label>URL</Label>
   <FieldDescription>Beginnt mit https://</FieldDescription>
 </TextField>;
-
+

Disabled

-
import Label from "@mittwald/flow-react-components/Label";
+
import Label from "@mittwald/flow-react-components/Label";
 import TextField from "@mittwald/flow-react-components/TextField";
 
 <TextField isDisabled>
   <Label>URL</Label>
 </TextField>;
-

+

Required

-
import Label from "@mittwald/flow-react-components/Label";
+
import Label from "@mittwald/flow-react-components/Label";
 import TextField from "@mittwald/flow-react-components/TextField";
 
 <TextField isRequired>
   <Label>URL</Label>
 </TextField>;
-

+

Invalid

-
Das ist keine URL
import Label from "@mittwald/flow-react-components/Label";
+
Das ist keine URL
import Label from "@mittwald/flow-react-components/Label";
 import TextField from "@mittwald/flow-react-components/TextField";
 import FieldError from "@mittwald/flow-react-components/FieldError";
 
@@ -39,4 +39,4 @@ 
Invalid

   <Label>URL</Label>
   <FieldError>Das ist keine URL</FieldError>
 </TextField>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/form-controls/text-field.txt b/docs/302-accordion-component/02-components/form-controls/text-field.txt index f5520d6e98..b92780ef9a 100644 --- a/docs/302-accordion-component/02-components/form-controls/text-field.txt +++ b/docs/302-accordion-component/02-components/form-controls/text-field.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/form-controls/text-field","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/form-controls/text-field","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"text-field\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/text-field","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/form-controls/text-field","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"form-controls\",\"text-field\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/form-controls/text-field","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T60c,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T663,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,15 +2182,18 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Disabled" }), "\n", _jsx(LiveCodeEditor, { - example: "disabled" + example: "disabled", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Required" }), "\n", _jsx(LiveCodeEditor, { - example: "required" + example: "required", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Invalid" }), "\n", _jsx(LiveCodeEditor, { - example: "invalid" + example: "invalid", + editorCollapsed: true })] }); } @@ -2200,6 +2209,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"TextField"}],"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/TextField","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"TextField"}],"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/TextField","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"TextField"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/navigation/breadcrumb.html b/docs/302-accordion-component/02-components/navigation/breadcrumb.html index 9a2ed0e5c8..e7cf010023 100644 --- a/docs/302-accordion-component/02-components/navigation/breadcrumb.html +++ b/docs/302-accordion-component/02-components/navigation/breadcrumb.html @@ -1,8 +1,8 @@ -Breadcrumb
Breadcrumb

Flow

beta

Components

Breadcrumb

Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen.GitHub
  1. Projekte
  2. Apps
  3. Meine App

Beispiel

-
  1. Projekte
  2. Apps
  3. Meine App
import Breadcrumb from "@mittwald/flow-react-components/Breadcrumb";
+
Flow
beta

Components

Breadcrumb

Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen.GitHub
  1. Projekte
  2. Apps
  3. Meine App

Beispiel

+
  1. Projekte
  2. Apps
  3. Meine App
import Breadcrumb from "@mittwald/flow-react-components/Breadcrumb";
 import Link from "@mittwald/flow-react-components/Link";
 
 <Breadcrumb>
@@ -10,10 +10,10 @@
   <Link href="#">Apps</Link>
   <Link href="#">Meine App</Link>
 </Breadcrumb>;
-
+

Inverse

-
  1. Projekte
  2. Apps
  3. Meine App
import Breadcrumb from "@mittwald/flow-react-components/Breadcrumb";
+
  1. Projekte
  2. Apps
  3. Meine App
import Breadcrumb from "@mittwald/flow-react-components/Breadcrumb";
 import Link from "@mittwald/flow-react-components/Link";
 
 <Breadcrumb inverse>
@@ -21,4 +21,4 @@ 
Inverse

   <Link href="#">Apps</Link>
   <Link href="#">Meine App</Link>
 </Breadcrumb>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/navigation/breadcrumb.txt b/docs/302-accordion-component/02-components/navigation/breadcrumb.txt index 4eda82c84b..ed25c3a93f 100644 --- a/docs/302-accordion-component/02-components/navigation/breadcrumb.txt +++ b/docs/302-accordion-component/02-components/navigation/breadcrumb.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/navigation/breadcrumb","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/navigation/breadcrumb","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"navigation\",\"breadcrumb\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/navigation/breadcrumb","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/navigation/breadcrumb","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"navigation\",\"breadcrumb\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/navigation/breadcrumb","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T4e3,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T500,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2177,7 +2183,8 @@ function _createMdxContent(props) { children: "Inverse" }), "\n", _jsx(LiveCodeEditor, { example: "inverse", - inverse: true + inverse: true, + editorCollapsed: true })] }); } @@ -2193,6 +2200,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Breadcrumb"}],"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Breadcrumb","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Breadcrumb"}],"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Breadcrumb","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Breadcrumb"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/navigation/header-navigation.html b/docs/302-accordion-component/02-components/navigation/header-navigation.html index 9b326afd3f..72ad754f3b 100644 --- a/docs/302-accordion-component/02-components/navigation/header-navigation.html +++ b/docs/302-accordion-component/02-components/navigation/header-navigation.html @@ -1,8 +1,8 @@ -HeaderNavigation
HeaderNavigation

Flow

beta

Components

HeaderNavigation

Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann.GitHub

Beispiel

-
import Link from "@mittwald/flow-react-components/Link";
+
Flow
beta

Components

HeaderNavigation

Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann.GitHub

Beispiel

+
import Link from "@mittwald/flow-react-components/Link";
 import Button from "@mittwald/flow-react-components/Button";
 import { IconSearch } from "@mittwald/flow-react-components/Icons";
 import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation";
@@ -16,10 +16,10 @@
     <IconSearch />
   </Button>
 </HeaderNavigation>;
-
+

Mit Avatar und ContextMenu

-
import Button from "@mittwald/flow-react-components/Button";
+
import Button from "@mittwald/flow-react-components/Button";
 import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation";
 import {
   IconLogout,
@@ -67,10 +67,10 @@ 
Mit Avatar und ContextMenu

     </ContextMenu>
   </ContextMenuTrigger>
 </HeaderNavigation>;
-

+

Inverse

-
import Link from "@mittwald/flow-react-components/Link";
+
import Link from "@mittwald/flow-react-components/Link";
 import Button from "@mittwald/flow-react-components/Button";
 import { IconSearch } from "@mittwald/flow-react-components/Icons";
 import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation";
@@ -84,4 +84,4 @@ 
Inverse

     <IconSearch />
   </Button>
 </HeaderNavigation>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/navigation/header-navigation.txt b/docs/302-accordion-component/02-components/navigation/header-navigation.txt index b861e1c118..9f0d2576ef 100644 --- a/docs/302-accordion-component/02-components/navigation/header-navigation.txt +++ b/docs/302-accordion-component/02-components/navigation/header-navigation.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/navigation/header-navigation","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/navigation/header-navigation","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"navigation\",\"header-navigation\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/navigation/header-navigation","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13e:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/navigation/header-navigation","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"navigation\",\"header-navigation\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/navigation/header-navigation","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +144:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13b:T50e,import Button from "@mittwald/flow-react-components/Button"; +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +141:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -2209,7 +2215,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -13f:T597,/*@jsxRuntime automatic @jsxImportSource react*/ +145:T5d1,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2224,12 +2230,14 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Avatar und ContextMenu" }), "\n", _jsx(LiveCodeEditor, { - example: "contextMenu" + example: "contextMenu", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Inverse" }), "\n", _jsx(LiveCodeEditor, { example: "inverse", - inverse: true + inverse: true, + editorCollapsed: true })] }); } @@ -2245,7 +2253,7 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -140:T50e,import Button from "@mittwald/flow-react-components/Button"; +146:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -2293,6 +2301,6 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"HeaderNavigation"}],"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/HeaderNavigation","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$13b","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13c",null,{"children":[["$","$L13d",null,{"children":[["$","$L13e",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13f","frontmatter":{},"scope":{}},"examples":{"contextMenu":"$140","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"HeaderNavigation"}],"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/HeaderNavigation","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$141","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L142",null,{"children":[["$","$L143",null,{"children":[["$","$L144",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$145","frontmatter":{},"scope":{}},"examples":{"contextMenu":"$146","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"HeaderNavigation"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/navigation/link.html b/docs/302-accordion-component/02-components/navigation/link.html index 35e495fa61..95c7027b3e 100644 --- a/docs/302-accordion-component/02-components/navigation/link.html +++ b/docs/302-accordion-component/02-components/navigation/link.html @@ -1,37 +1,38 @@ -Link
Link

Flow

beta

Components

Link

Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden.GitHub
Zum Dashboard

Beispiel

-
Zum Dashboard
import Link from "@mittwald/flow-react-components/Link";
+
Flow
beta

Components

Link

Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden.GitHub
Zum Dashboard

Beispiel

+
Zum Dashboard
import Link from "@mittwald/flow-react-components/Link";
 
 <Link href="#">Zum Dashboard</Link>;
-
+

Mit Icon

-
mittwald.de
import Link from "@mittwald/flow-react-components/Link";
+
mittwald.de
import Link from "@mittwald/flow-react-components/Link";
 import { IconExternalLink } from "@mittwald/flow-react-components/Icons";
 
 <Link href="https://mittwald.de">
   mittwald.de
   <IconExternalLink aria-label="external link" />
 </Link>;
-

+

Inline

Benutze das inline Property wenn du den Link innerhalb eines Textblocks -benutzen möchtest. Links innerhalb der <Text /> Komponente werden automatisch -als Inline Link gerendert.

-
Inline link
import Link from "@mittwald/flow-react-components/Link";
+benutzen möchtest.

+
Inline link
import Link from "@mittwald/flow-react-components/Link";
 
 <Link inline href="#">
   Inline link
 </Link>;
-

-
Sieh dir unser Onboarding an um weitere Informationen zu erhalten.
import Link from "@mittwald/flow-react-components/Link";
+

+
Links innerhalb der <Text /> Komponente werden automatisch als Inline Link
+gerendert.

+
Sieh dir unser Onboarding an um weitere Informationen zu erhalten.
import Link from "@mittwald/flow-react-components/Link";
 import Text from "@mittwald/flow-react-components/Text";
 
 <Text>
   Sieh dir unser <Link href="#">Onboarding</Link> an um
   weitere Informationen zu erhalten.
 </Text>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/navigation/link.txt b/docs/302-accordion-component/02-components/navigation/link.txt index 7a6102b028..379a7b7806 100644 --- a/docs/302-accordion-component/02-components/navigation/link.txt +++ b/docs/302-accordion-component/02-components/navigation/link.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/navigation/link","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/navigation/link","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"navigation\",\"link\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/navigation/link","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/navigation/link","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"navigation\",\"link\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/navigation/link","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T72b,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T7bb,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2178,19 +2184,24 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Icon" }), "\n", _jsx(LiveCodeEditor, { - example: "icon" + example: "icon", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Inline" }), "\n", _jsxs(_components.p, { children: ["Benutze das ", _jsx(_components.code, { children: "inline" - }), " Property wenn du den Link innerhalb eines Textblocks\nbenutzen möchtest. Links innerhalb der ", _jsx(_components.code, { - children: "" - }), " Komponente werden automatisch\nals Inline Link gerendert."] + }), " Property wenn du den Link innerhalb eines Textblocks\nbenutzen möchtest."] }), "\n", _jsx(LiveCodeEditor, { - example: "inline" + example: "inline", + editorCollapsed: true + }), "\n", _jsxs(_components.p, { + children: ["Links innerhalb der ", _jsx(_components.code, { + children: "" + }), " Komponente werden automatisch als Inline Link\ngerendert."] }), "\n", _jsx(LiveCodeEditor, { - example: "inlineText" + example: "inlineText", + editorCollapsed: true })] }); } @@ -2206,6 +2217,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Link"}],"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Link","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Link"}],"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Link","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Link"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/navigation/navigation.html b/docs/302-accordion-component/02-components/navigation/navigation.html index 4f64da3797..e4ce2de3e0 100644 --- a/docs/302-accordion-component/02-components/navigation/navigation.html +++ b/docs/302-accordion-component/02-components/navigation/navigation.html @@ -1,8 +1,8 @@ -Navigation
Navigation

Flow

beta

Components

Navigation

Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann.GitHub

Beispiel

-
import Navigation from "@mittwald/flow-react-components/Navigation";
+
Flow
beta

Components

Navigation

Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann.GitHub

Beispiel

+
import Navigation from "@mittwald/flow-react-components/Navigation";
 import Link from "@mittwald/flow-react-components/Link";
 
 <Navigation aria-label="Companies">
@@ -13,10 +13,10 @@
   <Link href="https://www.adobe.com">Adobe</Link>
   <Link href="https://www.google.com">Google</Link>
 </Navigation>;
-
+

Mit Icons

-
import Navigation from "@mittwald/flow-react-components/Navigation";
+
import Navigation from "@mittwald/flow-react-components/Navigation";
 import Text from "@mittwald/flow-react-components/Text";
 import {
   IconCustomer,
@@ -39,10 +39,10 @@ 
Mit Icons

     <Text>Projekte</Text>
   </Link>
 </Navigation>;
-

+

Mit Gruppen

-
import Navigation, {
+
import Navigation, {
   NavigationGroup,
 } from "@mittwald/flow-react-components/Navigation";
 import Link from "@mittwald/flow-react-components/Link";
@@ -63,10 +63,10 @@ 
Mit Gruppen

     <Link href="#">Domains</Link>
   </NavigationGroup>
 </Navigation>;
-

+

Mit einklappbaren Gruppen

-
import Navigation, {
+
import Navigation, {
   NavigationGroup,
 } from "@mittwald/flow-react-components/Navigation";
 import Link from "@mittwald/flow-react-components/Link";
@@ -87,4 +87,4 @@ 
Mit einklappbaren Gruppen

     <Link href="#">Domains</Link>
   </NavigationGroup>
 </Navigation>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/navigation/navigation.txt b/docs/302-accordion-component/02-components/navigation/navigation.txt index 1ede36d8ae..e8d5a51e1c 100644 --- a/docs/302-accordion-component/02-components/navigation/navigation.txt +++ b/docs/302-accordion-component/02-components/navigation/navigation.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/navigation/navigation","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/navigation/navigation","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"navigation\",\"navigation\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/navigation/navigation","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/navigation/navigation","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"navigation\",\"navigation\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/navigation/navigation","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T621,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T678,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,15 +2182,18 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Icons" }), "\n", _jsx(LiveCodeEditor, { - example: "icons" + example: "icons", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Gruppen" }), "\n", _jsx(LiveCodeEditor, { - example: "groups" + example: "groups", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit einklappbaren Gruppen" }), "\n", _jsx(LiveCodeEditor, { - example: "collapsable" + example: "collapsable", + editorCollapsed: true })] }); } @@ -2200,6 +2209,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Navigation"}],"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Navigation","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Navigation"}],"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Navigation","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Navigation"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/navigation/tabs.html b/docs/302-accordion-component/02-components/navigation/tabs.html index e6bced98ee..8d38060632 100644 --- a/docs/302-accordion-component/02-components/navigation/tabs.html +++ b/docs/302-accordion-component/02-components/navigation/tabs.html @@ -1,8 +1,8 @@ -Tabs
Tabs

Flow

beta

Components

Tabs

Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln.GitHub
Allgemeiner Inhalt
Speicherplatz Inhalt
Spamschutz Inhalt

Beispiel

-

Allgemein

Speicherplatz

2.4 GB

Spamschutz

Der Spamfilter schützt dich vor ungewollten E-Mails. Niemand will Müll in seinem Postfach, daher empfehlen wir den Spamschutz immer aktiviert zu lassen.
import Tabs, {
+
Flow
beta

Components

Tabs

Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln.GitHub
Allgemeiner Inhalt
Speicherplatz Inhalt
Spamschutz Inhalt

Beispiel

+

Allgemein

Speicherplatz

2.4 GB

Spamschutz

Der Spamfilter schützt dich vor ungewollten E-Mails. Niemand will Müll in seinem Postfach, daher empfehlen wir den Spamschutz immer aktiviert zu lassen.
import Tabs, {
   Tab,
   TabTitle,
 } from "@mittwald/flow-react-components/Tabs";
@@ -51,9 +51,9 @@
     </Section>
   </Tab>
 </Tabs>;
-
+

Kollabierte Ansicht

-
Allgemeiner Inhalt
Speicherplatz Inhalt
Spamschutz Inhalt
import Tabs, {
+
Allgemeiner Inhalt
Speicherplatz Inhalt
Spamschutz Inhalt
import Tabs, {
   Tab,
   TabTitle,
 } from "@mittwald/flow-react-components/Tabs";
@@ -72,9 +72,9 @@ 
Kollabierte Ansicht

     Spamschutz Inhalt
   </Tab>
 </Tabs>;
-

+

Mit Status

-
Allgemeiner Inhalt
Spamschutz Inhalt
import {
+
Allgemeiner Inhalt
Spamschutz Inhalt
import {
   Tab,
   Tabs,
   TabTitle,
@@ -102,4 +102,4 @@ 
Mit Status

     Spamschutz Inhalt
   </Tab>
 </Tabs>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/navigation/tabs.txt b/docs/302-accordion-component/02-components/navigation/tabs.txt index 105a29338f..6de32cea26 100644 --- a/docs/302-accordion-component/02-components/navigation/tabs.txt +++ b/docs/302-accordion-component/02-components/navigation/tabs.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/navigation/tabs","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/navigation/tabs","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"navigation\",\"tabs\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/navigation/tabs","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13e:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/navigation/tabs","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"navigation\",\"tabs\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/navigation/tabs","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +144:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13b:T5cf,import Tabs, { +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +141:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -2210,7 +2216,7 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -13f:T54b,/*@jsxRuntime automatic @jsxImportSource react*/ +145:T585,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2226,11 +2232,13 @@ function _createMdxContent(props) { }), "\n", _jsx(_components.h2, { children: "Kollabierte Ansicht" }), "\n", _jsx(LiveCodeEditor, { - example: "collapsed" + example: "collapsed", + editorCollapsed: true }), "\n", _jsx(_components.h2, { children: "Mit Status" }), "\n", _jsx(LiveCodeEditor, { - example: "status" + example: "status", + editorCollapsed: true })] }); } @@ -2246,7 +2254,7 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -140:T5cf,import Tabs, { +146:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -2295,6 +2303,6 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Tabs"}],"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Tabs","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13b","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13c",null,{"children":[["$","$L13d",null,{"children":[["$","$L13e",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13f","frontmatter":{},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$140","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Tabs"}],"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Tabs","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$141","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L142",null,{"children":[["$","$L143",null,{"children":[["$","$L144",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$145","frontmatter":{},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$146","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Tabs"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/overlays/modal.html b/docs/302-accordion-component/02-components/overlays/modal.html index bbcddf6c4a..b5072192e8 100644 --- a/docs/302-accordion-component/02-components/overlays/modal.html +++ b/docs/302-accordion-component/02-components/overlays/modal.html @@ -1,8 +1,8 @@ -Modal
Modal

Flow

beta

Components

Modal

Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen.GitHub

Beispiel

-
import Modal from "@mittwald/flow-react-components/Modal";
+
Flow
beta

Components

Modal

Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen.GitHub

Beispiel

+
import Modal from "@mittwald/flow-react-components/Modal";
 import Content from "@mittwald/flow-react-components/Content";
 import Text from "@mittwald/flow-react-components/Text";
 import TextField from "@mittwald/flow-react-components/TextField";
@@ -38,10 +38,10 @@
     </ButtonGroup>
   </Modal>
 </OverlayTrigger>;
-
+

Als OffCanvas

-
import Modal from "@mittwald/flow-react-components/Modal";
+
import Modal from "@mittwald/flow-react-components/Modal";
 import Content from "@mittwald/flow-react-components/Content";
 import Text from "@mittwald/flow-react-components/Text";
 import TextField from "@mittwald/flow-react-components/TextField";
@@ -77,4 +77,4 @@ 
Als OffCanvas

     </ButtonGroup>
   </Modal>
 </OverlayTrigger>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/overlays/modal.txt b/docs/302-accordion-component/02-components/overlays/modal.txt index 0eccfc5767..aab8a92c53 100644 --- a/docs/302-accordion-component/02-components/overlays/modal.txt +++ b/docs/302-accordion-component/02-components/overlays/modal.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/overlays/modal","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/overlays/modal","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"overlays\",\"modal\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/overlays/modal","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13e:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13f:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/overlays/modal","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"overlays\",\"modal\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/overlays/modal","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +144:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +145:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13b:T552,import Modal from "@mittwald/flow-react-components/Modal"; +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +141:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -2197,7 +2203,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -13c:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +142:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -2233,7 +2239,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -140:T4d6,/*@jsxRuntime automatic @jsxImportSource react*/ +146:T4f3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2248,7 +2254,8 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Als OffCanvas" }), "\n", _jsx(LiveCodeEditor, { - example: "offCanvas" + example: "offCanvas", + editorCollapsed: true })] }); } @@ -2264,7 +2271,7 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -141:T552,import Modal from "@mittwald/flow-react-components/Modal"; +147:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -2300,7 +2307,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -142:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +148:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -2336,6 +2343,6 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Modal"}],"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Modal","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$13b","offCanvas":"$13c"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13d",null,{"children":[["$","$L13e",null,{"children":[["$","$L13f",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$140","frontmatter":{},"scope":{}},"examples":{"default":"$141","offCanvas":"$142"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Modal"}],"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Modal","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$141","offCanvas":"$142"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L143",null,{"children":[["$","$L144",null,{"children":[["$","$L145",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$146","frontmatter":{},"scope":{}},"examples":{"default":"$147","offCanvas":"$148"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Modal"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/overlays/off-canvas.html b/docs/302-accordion-component/02-components/overlays/off-canvas.html index f4471914e9..51025a79f3 100644 --- a/docs/302-accordion-component/02-components/overlays/off-canvas.html +++ b/docs/302-accordion-component/02-components/overlays/off-canvas.html @@ -1,8 +1,8 @@ -OffCanvas
OffCanvas

Flow

beta

Components

OffCanvas

Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werdenGitHub

Beispiel

-
import Text from "@mittwald/flow-react-components/Text";
+
Flow
beta

Components

OffCanvas

Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werdenGitHub

Beispiel

+
import Text from "@mittwald/flow-react-components/Text";
 import Button from "@mittwald/flow-react-components/Button";
 import OffCanvas from "@mittwald/flow-react-components/OffCanvas";
 import {
@@ -41,4 +41,4 @@
     </Section>
   </OffCanvas>
 </OverlayTrigger>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/overlays/off-canvas.txt b/docs/302-accordion-component/02-components/overlays/off-canvas.txt index 17e0f60815..803e91a4bb 100644 --- a/docs/302-accordion-component/02-components/overlays/off-canvas.txt +++ b/docs/302-accordion-component/02-components/overlays/off-canvas.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/overlays/off-canvas","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/overlays/off-canvas","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"overlays\",\"off-canvas\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/overlays/off-canvas","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13e:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/overlays/off-canvas","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"overlays\",\"off-canvas\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/overlays/off-canvas","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +144:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13b:T480,import Text from "@mittwald/flow-react-components/Text"; +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +141:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -2200,7 +2206,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -13f:T423,/*@jsxRuntime automatic @jsxImportSource react*/ +145:T423,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2226,7 +2232,7 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -140:T480,import Text from "@mittwald/flow-react-components/Text"; +146:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -2265,6 +2271,6 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"OffCanvas"}],"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/OffCanvas","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$13b"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13c",null,{"children":[["$","$L13d",null,{"children":[["$","$L13e",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13f","frontmatter":{},"scope":{}},"examples":{"default":"$140"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"OffCanvas"}],"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/OffCanvas","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$141"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L142",null,{"children":[["$","$L143",null,{"children":[["$","$L144",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$145","frontmatter":{},"scope":{}},"examples":{"default":"$146"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"OffCanvas"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/overlays/tooltip.html b/docs/302-accordion-component/02-components/overlays/tooltip.html index 820a53be9d..d262f4d633 100644 --- a/docs/302-accordion-component/02-components/overlays/tooltip.html +++ b/docs/302-accordion-component/02-components/overlays/tooltip.html @@ -1,8 +1,8 @@ -Tooltip
Tooltip

Flow

beta

Components

Tooltip

Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an.GitHub

Beispiel

-
import Tooltip, {
+
Flow
beta

Components

Tooltip

Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an.GitHub

Beispiel

+
import Tooltip, {
   TooltipTrigger,
 } from "@mittwald/flow-react-components/Tooltip";
 import Button from "@mittwald/flow-react-components/Button";
@@ -14,4 +14,4 @@
   </Button>
   <Tooltip>Speichern</Tooltip>
 </TooltipTrigger>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/overlays/tooltip.txt b/docs/302-accordion-component/02-components/overlays/tooltip.txt index 9e48ecec35..d79814e573 100644 --- a/docs/302-accordion-component/02-components/overlays/tooltip.txt +++ b/docs/302-accordion-component/02-components/overlays/tooltip.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/overlays/tooltip","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/overlays/tooltip","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"overlays\",\"tooltip\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/overlays/tooltip","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/overlays/tooltip","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"overlays\",\"tooltip\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/overlays/tooltip","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T423,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T423,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2187,6 +2193,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Tooltip"}],"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Tooltip","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Tooltip"}],"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Tooltip","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Tooltip"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/status/inline-alert.html b/docs/302-accordion-component/02-components/status/inline-alert.html index 864d086f51..0ae9deaaa2 100644 --- a/docs/302-accordion-component/02-components/status/inline-alert.html +++ b/docs/302-accordion-component/02-components/status/inline-alert.html @@ -1,17 +1,17 @@ -InlineAlert
InlineAlert

Flow

beta

Components

InlineAlert

Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an.GitHub

Beispiel

-
import InlineAlert from "@mittwald/flow-react-components/InlineAlert";
+
Flow
beta

Components

InlineAlert

Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an.GitHub

Beispiel

+
import InlineAlert from "@mittwald/flow-react-components/InlineAlert";
 import Heading from "@mittwald/flow-react-components/Heading";
 
 <InlineAlert>
   <Heading>E-Mail-Adresse wurde archiviert</Heading>
 </InlineAlert>;
-
+

Mit Inhalt

-
import InlineAlert from "@mittwald/flow-react-components/InlineAlert";
+
import InlineAlert from "@mittwald/flow-react-components/InlineAlert";
 import Heading from "@mittwald/flow-react-components/Heading";
 import Content from "@mittwald/flow-react-components/Content";
 import Button from "@mittwald/flow-react-components/Button";
@@ -25,10 +25,10 @@ 
Mit Inhalt

     <Button>E-Mail-Adresse anpassen</Button>
   </Content>
 </InlineAlert>;
-

+

Status

-
import InlineAlert from "@mittwald/flow-react-components/InlineAlert";
+
import InlineAlert from "@mittwald/flow-react-components/InlineAlert";
 import Heading from "@mittwald/flow-react-components/Heading";
 import Content from "@mittwald/flow-react-components/Content";
 
@@ -71,4 +71,4 @@ 
Status

     </Content>
   </InlineAlert>
 </Row>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/status/inline-alert.txt b/docs/302-accordion-component/02-components/status/inline-alert.txt index 8c83cc8737..efdcd07c05 100644 --- a/docs/302-accordion-component/02-components/status/inline-alert.txt +++ b/docs/302-accordion-component/02-components/status/inline-alert.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/status/inline-alert","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/status/inline-alert","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"status\",\"inline-alert\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/status/inline-alert","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13e:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/status/inline-alert","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"status\",\"inline-alert\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/status/inline-alert","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +144:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13b:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +141:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -2204,7 +2210,7 @@ import Content from "@mittwald/flow-react-components/Content"; ; -13f:T571,/*@jsxRuntime automatic @jsxImportSource react*/ +145:T5ab,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2219,11 +2225,13 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Inhalt" }), "\n", _jsx(LiveCodeEditor, { - example: "with-content" + example: "with-content", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Status" }), "\n", _jsx(LiveCodeEditor, { - example: "status" + example: "status", + editorCollapsed: true })] }); } @@ -2239,7 +2247,7 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -140:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +146:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -2282,6 +2290,6 @@ import Content from "@mittwald/flow-react-components/Content"; ; -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"InlineAlert"}],"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/InlineAlert","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$13b","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13c",null,{"children":[["$","$L13d",null,{"children":[["$","$L13e",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13f","frontmatter":{},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$140","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"InlineAlert"}],"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/InlineAlert","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$141","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L142",null,{"children":[["$","$L143",null,{"children":[["$","$L144",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$145","frontmatter":{},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$146","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"InlineAlert"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/status/loading-spinner.html b/docs/302-accordion-component/02-components/status/loading-spinner.html index 9b142bd886..15df20fc69 100644 --- a/docs/302-accordion-component/02-components/status/loading-spinner.html +++ b/docs/302-accordion-component/02-components/status/loading-spinner.html @@ -1,8 +1,8 @@ -LoadingSpinner
LoadingSpinner

Flow

beta

Components

LoadingSpinner

Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet.GitHub

Beispiel

-
import LoadingSpinner from "@mittwald/flow-react-components/LoadingSpinner";
+
Flow
beta

Components

LoadingSpinner

Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet.GitHub

Beispiel

+
import LoadingSpinner from "@mittwald/flow-react-components/LoadingSpinner";
 
 <LoadingSpinner />;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/status/loading-spinner.txt b/docs/302-accordion-component/02-components/status/loading-spinner.txt index 1bd1fd38fb..0cb773c062 100644 --- a/docs/302-accordion-component/02-components/status/loading-spinner.txt +++ b/docs/302-accordion-component/02-components/status/loading-spinner.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/status/loading-spinner","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/status/loading-spinner","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"status\",\"loading-spinner\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/status/loading-spinner","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/status/loading-spinner","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"status\",\"loading-spinner\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/status/loading-spinner","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T423,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T423,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2187,6 +2193,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"LoadingSpinner"}],"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/LoadingSpinner","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"LoadingSpinner"}],"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/LoadingSpinner","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"LoadingSpinner"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/status/progress-bar.html b/docs/302-accordion-component/02-components/status/progress-bar.html index 2a89fcfe67..aa6da5974c 100644 --- a/docs/302-accordion-component/02-components/status/progress-bar.html +++ b/docs/302-accordion-component/02-components/status/progress-bar.html @@ -1,17 +1,17 @@ -ProgressBar
ProgressBar

Flow

beta

Components

ProgressBar

Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist.GitHub
Speicher50%

Beispiel

-
Speicher50%
import ProgressBar from "@mittwald/flow-react-components/ProgressBar";
+
Flow
beta

Components

ProgressBar

Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist.GitHub
Speicher50%

Beispiel

+
Speicher50%
import ProgressBar from "@mittwald/flow-react-components/ProgressBar";
 import Label from "@mittwald/flow-react-components/Label";
 
 <ProgressBar value={50}>
   <Label>Speicher</Label>
 </ProgressBar>;
-
+

Mit Max Value

-
Speicher500 GB of 1,000 GB
import ProgressBar from "@mittwald/flow-react-components/ProgressBar";
+
Speicher500 GB of 1,000 GB
import ProgressBar from "@mittwald/flow-react-components/ProgressBar";
 import Label from "@mittwald/flow-react-components/Label";
 
 <ProgressBar
@@ -23,19 +23,19 @@ 
Mit Max Value

 >
   <Label>Speicher</Label>
 </ProgressBar>;
-

+

Small

-
Speicher50%
import ProgressBar from "@mittwald/flow-react-components/ProgressBar";
+
Speicher50%
import ProgressBar from "@mittwald/flow-react-components/ProgressBar";
 import Label from "@mittwald/flow-react-components/Label";
 
 <ProgressBar size="s" value={50}>
   <Label>Speicher</Label>
 </ProgressBar>;
-

+

Status

-
Info50%
Success50%
Warning70%
Danger90%
import ProgressBar from "@mittwald/flow-react-components/ProgressBar";
+
Info50%
Success50%
Warning70%
Danger90%
import ProgressBar from "@mittwald/flow-react-components/ProgressBar";
 
 <Row>
   <ProgressBar value={50} status="info">
@@ -51,4 +51,4 @@ 
Status

     Danger
   </ProgressBar>
 </Row>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/status/progress-bar.txt b/docs/302-accordion-component/02-components/status/progress-bar.txt index bb07e74316..7241070d33 100644 --- a/docs/302-accordion-component/02-components/status/progress-bar.txt +++ b/docs/302-accordion-component/02-components/status/progress-bar.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/status/progress-bar","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/status/progress-bar","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"status\",\"progress-bar\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/status/progress-bar","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/status/progress-bar","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"status\",\"progress-bar\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/status/progress-bar","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T609,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T660,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,15 +2182,18 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Max Value" }), "\n", _jsx(LiveCodeEditor, { - example: "maxValue" + example: "maxValue", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Small" }), "\n", _jsx(LiveCodeEditor, { - example: "small" + example: "small", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Status" }), "\n", _jsx(LiveCodeEditor, { - example: "status" + example: "status", + editorCollapsed: true })] }); } @@ -2200,6 +2209,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"ProgressBar"}],"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/ProgressBar","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"ProgressBar"}],"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/ProgressBar","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"ProgressBar"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/status/status-badge.html b/docs/302-accordion-component/02-components/status/status-badge.html index 16a659ed87..70ebf99335 100644 --- a/docs/302-accordion-component/02-components/status/status-badge.html +++ b/docs/302-accordion-component/02-components/status/status-badge.html @@ -1,14 +1,14 @@ -StatusBadge
StatusBadge

Flow

beta

Components

StatusBadge

Der StatusBadge zeigt Informationen zum Zustand eines Elements.GitHub
Archiviert

Beispiel

-
Archiviert
import StatusBadge from "@mittwald/flow-react-components/StatusBadge";
+
Flow
beta

Components

StatusBadge

Der StatusBadge zeigt Informationen zum Zustand eines Elements.GitHub
Archiviert

Beispiel

+
Archiviert
import StatusBadge from "@mittwald/flow-react-components/StatusBadge";
 
 <StatusBadge>Archiviert</StatusBadge>;
-
+

Status

-
Archiviert
Update erfolgreich
Speicher fast voll
SSL fehlt
import StatusBadge from "@mittwald/flow-react-components/StatusBadge";
+
Archiviert
Update erfolgreich
Speicher fast voll
SSL fehlt
import StatusBadge from "@mittwald/flow-react-components/StatusBadge";
 
 <Row>
   <StatusBadge status="info">Archiviert</StatusBadge>
@@ -20,4 +20,4 @@ 
Status

   </StatusBadge>
   <StatusBadge status="danger">SSL fehlt</StatusBadge>
 </Row>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/status/status-badge.txt b/docs/302-accordion-component/02-components/status/status-badge.txt index 782f096b2c..72af296d49 100644 --- a/docs/302-accordion-component/02-components/status/status-badge.txt +++ b/docs/302-accordion-component/02-components/status/status-badge.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/status/status-badge","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/status/status-badge","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"status\",\"status-badge\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/status/status-badge","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/status/status-badge","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"status\",\"status-badge\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/status/status-badge","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T4cc,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T4e9,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2176,7 +2182,8 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Status" }), "\n", _jsx(LiveCodeEditor, { - example: "status" + example: "status", + editorCollapsed: true })] }); } @@ -2192,6 +2199,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"StatusBadge"}],"Der StatusBadge zeigt Informationen zum Zustand eines Elements.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/StatusBadge","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"StatusBadge"}],"Der StatusBadge zeigt Informationen zum Zustand eines Elements.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/StatusBadge","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"StatusBadge"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/status/status-icon.html b/docs/302-accordion-component/02-components/status/status-icon.html index f2115f456c..9188581fe8 100644 --- a/docs/302-accordion-component/02-components/status/status-icon.html +++ b/docs/302-accordion-component/02-components/status/status-icon.html @@ -1,16 +1,16 @@ -StatusIcon
StatusIcon

Flow

beta

Components

StatusIcon

Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlertGitHub

Beispiel

+

Flow

beta

Components

StatusIcon

Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlertGitHub

Beispiel

Accessibility

The aria-label is pre-filled with a standard translation based on the variant.

-
import StatusIcon from "@mittwald/flow-react-components/StatusIcon";
+
import StatusIcon from "@mittwald/flow-react-components/StatusIcon";
 
 <StatusIcon />;
-

+

Status

-
import StatusIcon from "@mittwald/flow-react-components/StatusIcon";
+
import StatusIcon from "@mittwald/flow-react-components/StatusIcon";
 
 <Row>
   <StatusIcon status="info" />
@@ -18,4 +18,4 @@ 
Status

   <StatusIcon status="warning" />
   <StatusIcon status="danger" />
 </Row>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/status/status-icon.txt b/docs/302-accordion-component/02-components/status/status-icon.txt index 6029ba1ac1..dfc1fdea02 100644 --- a/docs/302-accordion-component/02-components/status/status-icon.txt +++ b/docs/302-accordion-component/02-components/status/status-icon.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/status/status-icon","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/status/status-icon","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"status\",\"status-icon\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/status/status-icon","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/status/status-icon","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"status\",\"status-icon\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/status/status-icon","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T601,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T61e,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2185,7 +2191,8 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Status" }), "\n", _jsx(LiveCodeEditor, { - example: "status" + example: "status", + editorCollapsed: true })] }); } @@ -2201,6 +2208,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"StatusIcon"}],"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/StatusIcon","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"StatusIcon"}],"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/StatusIcon","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"StatusIcon"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/structure/accordion.html b/docs/302-accordion-component/02-components/structure/accordion.html index d84c92e2d7..278e7f1ea9 100644 --- a/docs/302-accordion-component/02-components/structure/accordion.html +++ b/docs/302-accordion-component/02-components/structure/accordion.html @@ -1,8 +1,8 @@ -Accordion
Accordion

Flow

beta

Components

Accordion

Das Accordion dient dazu Content-Bereiche ein- und auszublenden.GitHub

Beispiel

-

import Heading from "@mittwald/flow-react-components/Heading";
+
Flow
beta

Components

Accordion

Das Accordion dient dazu Content-Bereiche ein- und auszublenden.GitHub

Beispiel

+

import Heading from "@mittwald/flow-react-components/Heading";
 import Accordion from "@mittwald/flow-react-components/Accordion";
 import Content from "@mittwald/flow-react-components/Content";
 
@@ -10,10 +10,10 @@
   <Heading>Accordion Titel</Heading>
   <Content>Inhalt des Accordions</Content>
 </Accordion>;
-
+

DefaultExpanded

-

Inhalt des Accordions
import Heading from "@mittwald/flow-react-components/Heading";
+
Inhalt des Accordions
import Heading from "@mittwald/flow-react-components/Heading";
 import Accordion from "@mittwald/flow-react-components/Accordion";
 import Content from "@mittwald/flow-react-components/Content";
 
@@ -21,10 +21,10 @@ 
DefaultExpanded

   <Heading>Accordion Titel</Heading>
   <Content>Inhalt des Accordions</Content>
 </Accordion>;
-

+

Mit Label

-
import Accordion from "@mittwald/flow-react-components/Accordion";
+
import Accordion from "@mittwald/flow-react-components/Accordion";
 import Content from "@mittwald/flow-react-components/Content";
 import Label from "@mittwald/flow-react-components/Label";
 
@@ -32,4 +32,4 @@ 
Mit Label

   <Label>Accordion Titel</Label>
   <Content>Inhalt des Accordions</Content>
 </Accordion>;
-
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/302-accordion-component/02-components/structure/accordion.txt b/docs/302-accordion-component/02-components/structure/accordion.txt index e6858da034..34546f0f99 100644 --- a/docs/302-accordion-component/02-components/structure/accordion.txt +++ b/docs/302-accordion-component/02-components/structure/accordion.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/structure/accordion","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/structure/accordion","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"structure\",\"accordion\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/structure/accordion","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/structure/accordion","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"structure\",\"accordion\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/structure/accordion","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T57c,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
\n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
\n
\n Newsletter\n Subscribed\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
\n
\n Newsletter\n Abonnement\n
\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T57c,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2196,6 +2202,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Accordion"}],"Das Accordion dient dazu Content-Bereiche ein- und auszublenden.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Accordion","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Accordion"}],"Das Accordion dient dazu Content-Bereiche ein- und auszublenden.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Accordion","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Accordion"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/structure/column-layout.html b/docs/302-accordion-component/02-components/structure/column-layout.html index f576f7a77d..7260a360f7 100644 --- a/docs/302-accordion-component/02-components/structure/column-layout.html +++ b/docs/302-accordion-component/02-components/structure/column-layout.html @@ -1,14 +1,14 @@ -ColumnLayout
ColumnLayout

Flow

beta

Components

ColumnLayout

Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden.GitHub

Beispiel

+

Flow

beta

Components

ColumnLayout

Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden.GitHub

Beispiel

Im Default werden die Spalten folgendermaßen gesetzt:

  • s: [1]
  • m: [1, 1]
  • l: [1, 1, 1]
-
import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout";
+
import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout";
 import TextField from "@mittwald/flow-react-components/TextField";
 import Label from "@mittwald/flow-react-components/Label";
 
@@ -26,7 +26,7 @@
     <Label>Hausnummer</Label>
   </TextField>
 </ColumnLayout>;
-

+

Benutzerdefinierte Values

Größere Größen erben von kleineren größen, sofern sie nicht gesetzt sind:

@@ -35,7 +35,7 @@

Benutzerdefinierte Values

  • m: [2, 1]
  • l: [2, 1] (inherited)
    • -
    import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout";
+
    import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout";
 import TextField from "@mittwald/flow-react-components/TextField";
 import Label from "@mittwald/flow-react-components/Label";
 
@@ -47,4 +47,4 @@ 
    Benutzerdefinierte Values
    
         <Label>Hausnummer</Label>
   </TextField>
 </ColumnLayout>;
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/docs/302-accordion-component/02-components/structure/column-layout.txt b/docs/302-accordion-component/02-components/structure/column-layout.txt index 92fb79184d..063c965b86 100644 --- a/docs/302-accordion-component/02-components/structure/column-layout.txt +++ b/docs/302-accordion-component/02-components/structure/column-layout.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/structure/column-layout","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/structure/column-layout","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"structure\",\"column-layout\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/structure/column-layout","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/structure/column-layout","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"structure\",\"column-layout\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/structure/column-layout","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T9c0,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T9dd,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2212,7 +2218,8 @@ function _createMdxContent(props) { }), " (inherited)"] }), "\n"] }), "\n", _jsx(LiveCodeEditor, { - example: "custom-values" + example: "custom-values", + editorCollapsed: true })] }); } @@ -2228,6 +2235,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"ColumnLayout"}],"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/ColumnLayout","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"ColumnLayout"}],"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/ColumnLayout","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"ColumnLayout"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/structure/layout-card.html b/docs/302-accordion-component/02-components/structure/layout-card.html index d81fe9cee8..65032f8b27 100644 --- a/docs/302-accordion-component/02-components/structure/layout-card.html +++ b/docs/302-accordion-component/02-components/structure/layout-card.html @@ -1,8 +1,8 @@ -LayoutCard
    LayoutCard

    Flow

    beta

    Components

    LayoutCard

    Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kannGitHub
    Inhalt der Layout Card

    Beispiel

    -
    Inhalt der Layout Card
    import LayoutCard from "@mittwald/flow-react-components/LayoutCard";
+
    Flow
    beta

    Components

    LayoutCard

    Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kannGitHub
    Inhalt der Layout Card

    Beispiel

    +
    Inhalt der Layout Card
    import LayoutCard from "@mittwald/flow-react-components/LayoutCard";
 
 <LayoutCard>Inhalt der Layout Card</LayoutCard>;
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/docs/302-accordion-component/02-components/structure/layout-card.txt b/docs/302-accordion-component/02-components/structure/layout-card.txt index 6a525d8464..d8345059f7 100644 --- a/docs/302-accordion-component/02-components/structure/layout-card.txt +++ b/docs/302-accordion-component/02-components/structure/layout-card.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/structure/layout-card","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/structure/layout-card","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"structure\",\"layout-card\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/structure/layout-card","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13b:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/structure/layout-card","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"structure\",\"layout-card\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/structure/layout-card","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +141:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13e:T423,/*@jsxRuntime automatic @jsxImportSource react*/ +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +144:T423,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2187,6 +2193,6 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"LayoutCard"}],"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/LayoutCard","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13b",null,{"children":[["$","$L13c",null,{"children":[["$","$L13d",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13e","frontmatter":{},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"LayoutCard"}],"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/LayoutCard","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L141",null,{"children":[["$","$L142",null,{"children":[["$","$L143",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$144","frontmatter":{},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"LayoutCard"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/structure/list.html b/docs/302-accordion-component/02-components/structure/list.html index 4a30405feb..5bf3ae85c9 100644 --- a/docs/302-accordion-component/02-components/structure/list.html +++ b/docs/302-accordion-component/02-components/structure/list.html @@ -1,8 +1,8 @@ -List
    List

    Flow

    beta

    Components

    List

    Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar.GitHub

    Beispiel

    -
    import List, {
+
    Flow
    beta

    Components

    List

    Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar.GitHub

    Beispiel

    +
    import List, {
   ListFilter,
   ListItemView,
   ListSorting,
@@ -58,10 +58,10 @@
     )}
   </ListItemView>
 </List>;
-
    +

    Mit verlinkten Elementen

    -
    import List, {
+
    import List, {
   ListItemView,
   ListStaticData,
 } from "@mittwald/flow-react-components/List";
@@ -110,4 +110,4 @@ 
    Mit verlinkten Elementen
    
         )}
   </ListItemView>
 </List>;
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/docs/302-accordion-component/02-components/structure/list.txt b/docs/302-accordion-component/02-components/structure/list.txt index 4d7e780c14..9cbf2aa949 100644 --- a/docs/302-accordion-component/02-components/structure/list.txt +++ b/docs/302-accordion-component/02-components/structure/list.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/structure/list","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/structure/list","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"structure\",\"list\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/structure/list","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13e:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13f:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -140:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/structure/list","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"structure\",\"list\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/structure/list","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +144:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +145:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +146:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13b:T653,import List, { +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +141:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -2217,7 +2223,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -13c:T547,import List, { +142:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2265,7 +2271,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -13d:T591,import List, { +143:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2314,7 +2320,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -141:T4e0,/*@jsxRuntime automatic @jsxImportSource react*/ +147:T4fd,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2329,7 +2335,8 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit verlinkten Elementen" }), "\n", _jsx(LiveCodeEditor, { - example: "withLink" + example: "withLink", + editorCollapsed: true })] }); } @@ -2345,7 +2352,7 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -142:T653,import List, { +148:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -2401,7 +2408,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -143:T547,import List, { +149:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2449,7 +2456,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -144:T591,import List, { +14a:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2498,6 +2505,6 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"List"}],"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar.",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/List","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$13b","main":"$13c","withLink":"$13d"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13e",null,{"children":[["$","$L13f",null,{"children":[["$","$L140",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$141","frontmatter":{},"scope":{}},"examples":{"default":"$142","main":"$143","withLink":"$144"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"List"}],"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar.",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/List","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$141","main":"$142","withLink":"$143"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L144",null,{"children":[["$","$L145",null,{"children":[["$","$L146",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$147","frontmatter":{},"scope":{}},"examples":{"default":"$148","main":"$149","withLink":"$14a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"List"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/02-components/structure/section.html b/docs/302-accordion-component/02-components/structure/section.html index 57c2378386..2afd4dabf7 100644 --- a/docs/302-accordion-component/02-components/structure/section.html +++ b/docs/302-accordion-component/02-components/structure/section.html @@ -1,8 +1,8 @@ -Section
    Section

    Flow

    beta

    Components

    Section

    Die Section dient der Unterteilung von Inhalten in verschiedene AbschnitteGitHub

    Newsletter

    Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.Newsletter abonnieren

    Beispiel

    -

    Newsletter

    Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.Newsletter abonnieren
    import Heading from "@mittwald/flow-react-components/Heading";
+
    Flow
    beta

    Components

    Section

    Die Section dient der Unterteilung von Inhalten in verschiedene AbschnitteGitHub

    Newsletter

    Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.Newsletter abonnieren

    Beispiel

    +

    Newsletter

    Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.Newsletter abonnieren
    import Heading from "@mittwald/flow-react-components/Heading";
 import Text from "@mittwald/flow-react-components/Text";
 import Section from "@mittwald/flow-react-components/Section";
 import Link from "@mittwald/flow-react-components/Link";
@@ -17,10 +17,10 @@
   </Text>
   <Link href="#">Newsletter abonnieren</Link>
 </Section>;
-
    +

    Mehrere Sections

    -

    Persönliche Informationen

    Newsletter

    Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.Newsletter abonnieren
    import Heading from "@mittwald/flow-react-components/Heading";
+
    Persönliche Informationen
    Newsletter
    Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.Newsletter abonnieren
    import Heading from "@mittwald/flow-react-components/Heading";
 import Text from "@mittwald/flow-react-components/Text";
 import Link from "@mittwald/flow-react-components/Link";
 import Section from "@mittwald/flow-react-components/Section";
@@ -52,10 +52,10 @@ 
    Mehrere Sections
    
         <Link href="#">Newsletter abonnieren</Link>
   </Section>
 </>;
-
    
+

    Mit StatusBadge

    -

    Newsletter

    Subscribed
    Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.
    import Heading from "@mittwald/flow-react-components/Heading";
+
    Newsletter
    Subscribed
    Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.
    import Heading from "@mittwald/flow-react-components/Heading";
 import Text from "@mittwald/flow-react-components/Text";
 import Section from "@mittwald/flow-react-components/Section";
 import StatusBadge from "@mittwald/flow-react-components/StatusBadge";
@@ -73,10 +73,10 @@ 
    Mit StatusBadge
    
         Laufenden.
   </Text>
 </Section>;
-
    
+

    Mit Switch

    -

    Newsletter

    Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.
    import Heading from "@mittwald/flow-react-components/Heading";
+
    Newsletter
    Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.
    import Heading from "@mittwald/flow-react-components/Heading";
 import Header from "@mittwald/flow-react-components/Header";
 import Text from "@mittwald/flow-react-components/Text";
 import Section from "@mittwald/flow-react-components/Section";
@@ -94,4 +94,4 @@ 
    Mit Switch
    
         Laufenden.
   </Text>
 </Section>;
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/docs/302-accordion-component/02-components/structure/section.txt b/docs/302-accordion-component/02-components/structure/section.txt index 4f97d523fb..3a21355493 100644 --- a/docs/302-accordion-component/02-components/structure/section.txt +++ b/docs/302-accordion-component/02-components/structure/section.txt @@ -1,28 +1,28 @@ 3:I[13918,[],""] 5:I[15964,[],""] 4:["slug","02-components/structure/section","c"] -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":[["slug","02-components/structure/section","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"structure\",\"section\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/structure/section","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/374845483ae9886d.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] -8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -108:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -135:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -136:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"LayoutCard"] -137:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"ColumnLayout"] -138:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Link"] -139:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconExternalLink"] -13a:I[14073,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -13c:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tabs"] -13d:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Tab"] -13e:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"TabTitle"] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":[["slug","02-components/structure/section","c"],{"children":["__PAGE__?{\"slug\":[\"02-components\",\"structure\",\"section\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","02-components/structure/section","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/d50c39930972e921.css","precedence":"next","crossOrigin":""}]]}]]},[null,"$L6",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +8:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +9:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +a:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +b:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +c:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +1c:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1d:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1e:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +20:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +21:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10d:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +13b:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +13c:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"LayoutCard"] +13d:I[1013,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"ColumnLayout"] +13e:I[45854,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Link"] +13f:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconExternalLink"] +140:I[52243,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +142:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tabs"] +143:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Tab"] +144:I[8252,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"TabTitle"] d:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1540,65 +1540,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6e","scope":"$6f"} 70:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 71:["02-components","content","labeled-value"] -73:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +73:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 74:{} 72:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$73","scope":"$74"} -75:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -76:["02-components","content","text"] -78:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +75:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +76:["02-components","content","skeleton"] +78:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 79:{} 77:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$78","scope":"$79"} -7a:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -7b:["02-components","form-controls","checkbox-button"] -7d:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +7a:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +7b:["02-components","content","text"] +7d:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7e:{} 7c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7d","scope":"$7e"} -7f:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -80:["02-components","form-controls","checkbox-group"] -82:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7f:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +80:["02-components","form-controls","checkbox-button"] +82:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 83:{} 81:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$82","scope":"$83"} -84:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -85:["02-components","form-controls","checkbox"] -87:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +84:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +85:["02-components","form-controls","checkbox-group"] +87:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 88:{} 86:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$87","scope":"$88"} -89:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -8a:["02-components","form-controls","number-field"] -8c:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +89:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +8a:["02-components","form-controls","checkbox"] +8c:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8d:{} 8b:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8c","scope":"$8d"} -8e:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8f:["02-components","form-controls","radio-group"] -91:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8e:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8f:["02-components","form-controls","number-field"] +91:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 92:{} 90:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$91","scope":"$92"} -93:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -94:["02-components","form-controls","select"] -96:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +93:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +94:["02-components","form-controls","radio-group"] +96:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 97:{} 95:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$96","scope":"$97"} -98:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -99:["02-components","form-controls","switch"] -9b:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +98:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +99:["02-components","form-controls","select"] +9b:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 9c:{} 9a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9b","scope":"$9c"} -9d:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9e:["02-components","form-controls","text-area"] -a0:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9d:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9e:["02-components","form-controls","switch"] +a0:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} a1:{} 9f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a0","scope":"$a1"} -a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a3:["02-components","form-controls","text-field"] -a5:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +a2:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a3:["02-components","form-controls","text-area"] +a5:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a6:{} a4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a5","scope":"$a6"} -a7:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a8:["02-components","navigation","breadcrumb"] -aa:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a7:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a8:["02-components","form-controls","text-field"] +aa:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} ab:{} a9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$aa","scope":"$ab"} -ad:T50e,import Button from "@mittwald/flow-react-components/Button"; +ac:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +ad:["02-components","navigation","breadcrumb"] +af:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +b0:{} +ae:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$af","scope":"$b0"} +b2:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1646,22 +1651,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -ac:{"contextMenu":"$ad","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ae:["02-components","navigation","header-navigation"] -b0:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -b1:{} -af:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b0","scope":"$b1"} -b2:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b3:["02-components","navigation","link"] -b5:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +b1:{"contextMenu":"$b2","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b3:["02-components","navigation","header-navigation"] +b5:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b6:{} b4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b5","scope":"$b6"} -b7:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b8:["02-components","navigation","navigation"] -ba:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b7:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b8:["02-components","navigation","link"] +ba:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} bb:{} b9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ba","scope":"$bb"} -bd:T5cf,import Tabs, { +bc:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +bd:["02-components","navigation","navigation"] +bf:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +c0:{} +be:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bf","scope":"$c0"} +c2:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1710,12 +1715,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -bc:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bd","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -be:["02-components","navigation","tabs"] -c0:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -c1:{} -bf:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c0","scope":"$c1"} -c3:T552,import Modal from "@mittwald/flow-react-components/Modal"; +c1:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$c2","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c3:["02-components","navigation","tabs"] +c5:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c6:{} +c4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c5","scope":"$c6"} +c8:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1751,7 +1756,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c4:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c9:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1787,12 +1792,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c2:{"default":"$c3","offCanvas":"$c4"} -c5:["02-components","overlays","modal"] -c7:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c8:{} -c6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c7","scope":"$c8"} -ca:T480,import Text from "@mittwald/flow-react-components/Text"; +c7:{"default":"$c8","offCanvas":"$c9"} +ca:["02-components","overlays","modal"] +cc:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +cd:{} +cb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cc","scope":"$cd"} +cf:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1831,17 +1836,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c9:{"default":"$ca"} -cb:["02-components","overlays","off-canvas"] -cd:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -ce:{} -cc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cd","scope":"$ce"} -cf:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -d0:["02-components","overlays","tooltip"] -d2:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +ce:{"default":"$cf"} +d0:["02-components","overlays","off-canvas"] +d2:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d3:{} d1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d2","scope":"$d3"} -d5:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d4:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d5:["02-components","overlays","tooltip"] +d7:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d8:{} +d6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d7","scope":"$d8"} +da:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1884,47 +1889,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d4:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d5","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d6:["02-components","status","inline-alert"] -d8:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d9:{} -d7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d8","scope":"$d9"} -da:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -db:["02-components","status","loading-spinner"] -dd:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d9:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$da","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +db:["02-components","status","inline-alert"] +dd:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} de:{} dc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$dd","scope":"$de"} -df:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -e0:["02-components","status","progress-bar"] -e2:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +df:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +e0:["02-components","status","loading-spinner"] +e2:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e3:{} e1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e2","scope":"$e3"} -e4:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e5:["02-components","status","status-badge"] -e7:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e4:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e5:["02-components","status","progress-bar"] +e7:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e8:{} e6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e7","scope":"$e8"} -e9:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -ea:["02-components","status","status-icon"] -ec:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e9:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +ea:["02-components","status","status-badge"] +ec:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ed:{} eb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ec","scope":"$ed"} -ee:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ef:["02-components","structure","accordion"] -f1:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +ee:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ef:["02-components","status","status-icon"] +f1:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} f2:{} -f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} -f3:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f4:["02-components","structure","column-layout"] -f6:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +f0:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f1","scope":"$f2"} +f3:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f4:["02-components","structure","accordion"] +f6:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f7:{} -f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} -f8:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f9:["02-components","structure","layout-card"] -fb:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f5:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f6","scope":"$f7"} +f8:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f9:["02-components","structure","column-layout"] +fb:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} fc:{} -fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} -fe:T653,import List, { +fa:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fb","scope":"$fc"} +fd:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fe:["02-components","structure","layout-card"] +100:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +101:{} +ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} +103:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1980,7 +1985,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -ff:T547,import List, { +104:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2028,7 +2033,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -100:T591,import List, { +105:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2077,12 +2082,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:{"default":"$fe","main":"$ff","withLink":"$100"} -101:["02-components","structure","list"] -103:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -104:{} -102:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$103","scope":"$104"} -106:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +102:{"default":"$103","main":"$104","withLink":"$105"} +106:["02-components","structure","list"] +108:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +109:{} +107:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$108","scope":"$109"} +10b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2114,54 +2119,55 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -105:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$106","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"} -107:["02-components","structure","section"] -10a:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} -10b:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} -10c:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} -10d:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} -10e:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} -10f:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} -110:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} -111:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} -112:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} -113:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} -114:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} -115:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} -116:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} -117:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} -118:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} -119:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"} -11a:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"} -11b:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"} -11c:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"} -11d:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"} -11e:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"} -11f:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"} -120:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"} -121:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"} -122:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"} -123:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"} -124:{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"} -125:{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"} -126:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"} -127:{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"} -128:{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"} -129:{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"} -12a:{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"} -12b:{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"} -12c:{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"} -12d:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"} -12e:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"} -12f:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"} -130:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"} -131:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"} -132:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"} -133:{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"} -134:{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"} -109:["$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134"] -6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}],["$","$L108",null,{"docs":"$109"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L135",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L108",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ae","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$af","examples":"$b2","slugs":"$b3","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$be","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bf","examples":"$c2","slugs":"$c5","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c6","examples":"$c9","slugs":"$cb","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$cc","examples":"$cf","slugs":"$d0","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d6","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d7","examples":"$da","slugs":"$db","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$101","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$102","examples":"$105","slugs":"$107","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] -13b:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +10a:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$10b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"} +10c:["02-components","structure","section"] +10f:{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"} +110:{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"} +111:{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"} +112:{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"} +113:{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"} +114:{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"} +115:{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"} +116:{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"} +117:{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"} +118:{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"} +119:{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"} +11a:{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"} +11b:{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"} +11c:{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"} +11d:{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"} +11e:{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"} +11f:{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"} +120:{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"} +121:{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"} +122:{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"} +123:{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"} +124:{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"} +125:{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"} +126:{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"} +127:{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"} +128:{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"} +129:{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"} +12a:{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"} +12b:{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"} +12c:{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"} +12d:{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"} +12e:{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"} +12f:{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"} +130:{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"} +131:{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"} +132:{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"} +133:{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"} +134:{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"} +135:{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"} +136:{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"} +137:{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"} +138:{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"} +139:{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"} +13a:{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"} +10e:["$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137","$138","$139","$13a"] +6:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L8",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L9",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$La",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$Lb",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$Lc",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$d","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$e","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$f","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$10","functional":"$11","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$12","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$13","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$14","offCanvas":"$15"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$16"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$17","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$18","main":"$19","withLink":"$1a"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$1b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L1c",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1d",null,{"children":[["$","$L1e",null,{"color":"secondary","variant":"plain","children":["$","$L1f",null,{}]}],["$","$L20",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L21",null,{"children":[["$","$Lc",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10d",null,{"docs":"$10e"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L13b",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10d",null,{"docs":[{"mdxSource":"$22","examples":"$26","slugs":"$27","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$28","examples":"$2c","slugs":"$2d","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2e","examples":"$31","slugs":"$33","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$34","examples":"$37","slugs":"$38","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$39","examples":"$3c","slugs":"$3d","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3e","examples":"$41","slugs":"$42","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$43","examples":"$46","slugs":"$47","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$48","examples":"$4b","slugs":"$4c","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4d","examples":"$50","slugs":"$51","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$52","examples":"$55","slugs":"$58","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$59","examples":"$5c","slugs":"$5d","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5e","examples":"$61","slugs":"$62","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$63","examples":"$66","slugs":"$67","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$68","examples":"$6b","slugs":"$6c","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6d","examples":"$70","slugs":"$71","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$72","examples":"$75","slugs":"$76","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$77","examples":"$7a","slugs":"$7b","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$7c","examples":"$7f","slugs":"$80","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$81","examples":"$84","slugs":"$85","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$86","examples":"$89","slugs":"$8a","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$8b","examples":"$8e","slugs":"$8f","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$90","examples":"$93","slugs":"$94","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$95","examples":"$98","slugs":"$99","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$9a","examples":"$9d","slugs":"$9e","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9f","examples":"$a2","slugs":"$a3","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a4","examples":"$a7","slugs":"$a8","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a9","examples":"$ac","slugs":"$ad","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ae","examples":"$b1","slugs":"$b3","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b4","examples":"$b7","slugs":"$b8","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b9","examples":"$bc","slugs":"$bd","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$be","examples":"$c1","slugs":"$c3","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c4","examples":"$c7","slugs":"$ca","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$cb","examples":"$ce","slugs":"$d0","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$d1","examples":"$d4","slugs":"$d5","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d6","examples":"$d9","slugs":"$db","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$dc","examples":"$df","slugs":"$e0","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$e1","examples":"$e4","slugs":"$e5","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e6","examples":"$e9","slugs":"$ea","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$eb","examples":"$ee","slugs":"$ef","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$f0","examples":"$f3","slugs":"$f4","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f5","examples":"$f8","slugs":"$f9","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$fa","examples":"$fd","slugs":"$fe","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$106","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$107","examples":"$10a","slugs":"$10c","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +141:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2193,7 +2199,7 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -13f:T621,/*@jsxRuntime automatic @jsxImportSource react*/ +145:T678,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { @@ -2208,15 +2214,18 @@ function _createMdxContent(props) { }), "\n", _jsx(LiveCodeEditor, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mehrere Sections" }), "\n", _jsx(LiveCodeEditor, { - example: "multiple" + example: "multiple", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit StatusBadge" }), "\n", _jsx(LiveCodeEditor, { - example: "status-badge" + example: "status-badge", + editorCollapsed: true }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.h2, { children: "Mit Switch" }), "\n", _jsx(LiveCodeEditor, { - example: "switch" + example: "switch", + editorCollapsed: true })] }); } @@ -2232,7 +2241,7 @@ return { function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); } -140:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +146:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2264,6 +2273,6 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -2:[["$","$L136",null,{"children":["$","$L137",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Section"}],"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte",["$","$L138",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Section","children":["GitHub",["$","$L139",null,{}]]}]]}],["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$13b","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}}]]}]}],["$","$L136",null,{"children":["$","$L13c",null,{"children":[["$","$L13d",null,{"children":[["$","$L13e",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L13a",null,{"mdxFile":{"mdxSource":{"compiledSource":"$13f","frontmatter":{},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$140","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] +2:[["$","$L13c",null,{"children":["$","$L13d",null,{"m":[1,1],"children":[["$","$L21",null,{"children":[["$","$La",null,{"level":1,"children":"Section"}],"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte",["$","$L13e",null,{"href":"https://github.com/mittwald/flow/tree/main/packages/components/src/components/Section","children":["GitHub",["$","$L13f",null,{}]]}]]}],["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$141","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}}]]}]}],["$","$L13c",null,{"children":["$","$L142",null,{"children":[["$","$L143",null,{"children":[["$","$L144",null,{"children":"Overview"}],["$","$L21",null,{"children":["$","$L140",null,{"mdxFile":{"mdxSource":{"compiledSource":"$145","frontmatter":{},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$146","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/overview.mdx"}}]}]]}],"$undefined","$undefined"]}]}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Section"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null diff --git a/docs/302-accordion-component/404.html b/docs/302-accordion-component/404.html index f6c47323b0..c0de710e3c 100644 --- a/docs/302-accordion-component/404.html +++ b/docs/302-accordion-component/404.html @@ -1,4 +1,4 @@ -404: This page could not be found.Flow – mittwald Design System
    404: This page could not be found.Flow – mittwald Design System

    Flow

    beta

    404

    This page could not be found.

    \ No newline at end of file +

    Flow

    beta

    404

    This page could not be found.

    \ No newline at end of file diff --git a/docs/302-accordion-component/_next/static/_v7z8Hzq1hHOD71eKafw6/_buildManifest.js b/docs/302-accordion-component/_next/static/_3tox7u5vn_9N17XbwCjl/_buildManifest.js similarity index 100% rename from docs/302-accordion-component/_next/static/_v7z8Hzq1hHOD71eKafw6/_buildManifest.js rename to docs/302-accordion-component/_next/static/_3tox7u5vn_9N17XbwCjl/_buildManifest.js diff --git a/docs/302-accordion-component/_next/static/_v7z8Hzq1hHOD71eKafw6/_ssgManifest.js b/docs/302-accordion-component/_next/static/_3tox7u5vn_9N17XbwCjl/_ssgManifest.js similarity index 100% rename from docs/302-accordion-component/_next/static/_v7z8Hzq1hHOD71eKafw6/_ssgManifest.js rename to docs/302-accordion-component/_next/static/_3tox7u5vn_9N17XbwCjl/_ssgManifest.js diff --git a/docs/302-accordion-component/_next/static/chunks/485-8ee79e735d3c7c4d.js b/docs/302-accordion-component/_next/static/chunks/485-8ee79e735d3c7c4d.js new file mode 100644 index 0000000000..c20af50553 --- /dev/null +++ b/docs/302-accordion-component/_next/static/chunks/485-8ee79e735d3c7c4d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[485],{82582:function(e,t,n){n.d(t,{R:function(){return l}});var r=n(77618);class l{getTitle(){var e,t;return null!==(t=null!==(e=this.mdxSource.frontmatter.title)&&void 0!==e?e:this.mdxSource.frontmatter.component)&&void 0!==t?t:(0,r.Z)(this.slugs[this.slugs.length-1])}getNavTitle(){var e;return null!==(e=this.mdxSource.frontmatter.navTitle)&&void 0!==e?e:this.getTitle()}matchesSlugs(e){return l.pathnameFromSlug(e)===this.pathname}static pathnameFromSlug(e){return["",...e].join("/")}getExample(e){let t=this.examples[e];if(void 0===t)throw Error("Could not find example ".concat(e," in ").concat(this.filename));return t}serialize(){return{mdxSource:this.mdxSource,examples:this.examples,slugs:this.slugs,filename:this.filename}}static deserialize(e){let{filename:t,mdxSource:n,examples:r,slugs:a}=e;return new l(t,a,n,r)}constructor(e,t,n,r){this.filename=e,this.slugs=t,this.pathname=l.pathnameFromSlug(t),this.id=e,this.mdxSource=n,this.examples=r}}},59567:function(e,t,n){n.d(t,{A:function(){return d}});var r=n(82317),l=n(65324);n(16677);var a=n(58712),o=n(69033),c=n(23726);n(45650);var i=n(89478),u=n(25894);let s={accordion:"flow--accordion",header:"flow--accordion--header",headerButton:"flow--accordion--header-button",content:"flow--accordion--content",contentInner:"flow--accordion--content-inner",chevron:"flow--accordion--chevron",expanded:"flow--accordion--expanded"},d=e=>{let{children:t,className:n,defaultExpanded:d=!1,...f}=e,[m,E]=(0,r.useState)(d),h=(0,l.Z)(s.accordion,m&&s.expanded,n),v=(0,r.useId)(),I=(0,r.useId)(),p=e=>r.createElement(c.B,{unstyled:!0,"aria-expanded":m,className:s.headerButton,onPress:()=>E(e=>!e),"aria-controls":I},e,r.createElement(i.I,{className:s.chevron})),g={Content:{className:s.contentInner,tunnelId:"content"},Heading:{className:s.header,level:4,children:(0,o.d)(e=>p(e.children))},Label:{className:s.header,children:(0,o.d)(e=>p(e.children))}};return r.createElement("div",{...f,className:h},r.createElement(a.P,{mergeInParentContext:!0,props:g,dependencies:[m]},r.createElement(u.NN,null,t,r.createElement("div",{"aria-labelledby":v,id:I,role:"region",hidden:!m,className:s.content},r.createElement(u.Rz,{id:"content"})))))}},56694:function(e,t,n){n.d(t,{A:function(){return C}});var r=n(82317);n(16677);var l=n(58712),a=n(38133),o=n(95359),c=n(25894),i=n(16219),u=n(60),s=Object.defineProperty,d=(e,t,n)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,f=(e,t,n)=>(d(e,"symbol"!=typeof t?t+"":t,n),n);let m=e=>function(){for(var t=arguments.length,n=Array(t),r=0;r0===l.length?e:m(l)(...n);return e instanceof Promise?e.then(t):t()}},E="flowBreakActionMarker",h=()=>{throw Error(E)},v={pending:1e3,succeeded:1500,failed:2e3};class I{onAsyncStart(){this.options.showFeedback=!0,this.state.updateState("isExecuting"),setTimeout(()=>this.startPending(),v.pending)}onSucceeded(){this.onDone()}onFailed(e){this.error=null!=e?e:Error("Unknown error"),console.error(e),this.onDone()}startFailedFeedback(){var e;(e=this.error)&&e instanceof Error&&e.message===E?this.resetAfterDone():(this.state.updateState("isFailed"),setTimeout(()=>this.resetAfterDone(),v.failed))}startSucceededFeedback(){this.state.updateState("isSucceeded"),setTimeout(()=>this.resetAfterDone(),v.succeeded)}resetAfterDone(){this.options.resetAfterDone&&this.state.updateState("isIdle"),this.error||this.options.onFeedbackDone(...this.args)}onDone(){this.isDone=!0,this.options.showFeedback?this.error?this.startFailedFeedback():this.startSucceededFeedback():this.resetAfterDone()}startPending(){this.isDone||this.state.updateState("isPending")}constructor(e,t,n={}){f(this,"options"),f(this,"state"),f(this,"args"),f(this,"isDone",!1),f(this,"error");let{resetAfterDone:r=!0,onFeedbackDone:l=()=>{},showFeedback:a=!1}=n;this.state=e,this.args=t,this.options={resetAfterDone:r,onFeedbackDone:l,showFeedback:a}}}class p{static useNew(){return(0,r.useRef)(new p).current}updateState(e){this.state=e}useState(){return(0,u.u)(()=>this.state,[this])}constructor(){f(this,"state","isIdle"),(0,i.rC)(this,{state:i.LO,updateState:i.aD})}}let g=()=>{},b=e=>{let{action:t,toggleOverlay:n,openOverlay:r,closeOverlay:l,break:o}=e,c=(0,a.u)(),i=e=>"boolean"==typeof e?c:e;return t||(n?i(n).toggle:r?i(r).open:l?i(l).close:o?h:g)},w=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{onSync:n=()=>{},onAsync:r=()=>{},then:l=()=>{},catch:a=()=>{},finally:o=()=>{}}=t;try{let t=e();return t instanceof Promise?(r(),t.then(l).catch(a).finally(o)):(n(),l(t),o(),t)}catch(e){n(),a(e),o()}},N=e=>{let{isConfirmationAction:t,showFeedback:n}=e,r=b(e),l=(0,o.u)(),a=p.useNew(),c=!t,i=t?l:void 0,u=m([r,t?void 0:l]);return{callAction:function(){for(var e=arguments.length,t=Array(e),r=0;rl.onAsyncStart(),then:()=>l.onSucceeded(),catch:e=>l.onFailed(e)})},state:a}},C=e=>{let[t,n]=(0,r.useState)(!1),i=a.O.useNew(),u=N(e),s=t?i.open:u.callAction;return r.createElement(c.NN,null,r.createElement(l.P,{props:{Link:{onPress:s},Button:{onPress:s,render:(e,t)=>{let n=u.state.useState();return r.createElement(e,{...t,isPending:"isPending"===n||void 0,"aria-disabled":"isIdle"!==n||void 0,isSucceeded:"isSucceeded"===n||void 0,isFailed:"isFailed"===n||void 0})}},Modal:{tunnelId:"outsideActionProvider",render:(e,t)=>{let l="actionConfirm"===t.slot;return(0,r.useEffect)(()=>{if(l)return n(!0),()=>{n(!1)}},[l]),l?r.createElement(e,{controller:i,...t}):r.createElement(e,{...t})},ButtonGroup:{Button:{render:(t,n)=>{let{color:l}=n;return"secondary"===l?r.createElement(C,{break:!0},r.createElement(C,{closeOverlay:!0},r.createElement(t,{...n}))):r.createElement(C,{closeOverlay:!0},r.createElement(C,{...e,isConfirmationAction:!0},r.createElement(t,{...n})))}}}}},dependencies:[t],mergeInParentContext:!0},r.createElement(o.A,{value:s},e.children),r.createElement(c.Rz,{id:"outsideActionProvider"})))}},23726:function(e,t,n){n.d(t,{B:function(){return g}});var r=n(82317),l=n(85109),a=n(65324),o=n(74032),c=n(58712);n(16677),n(45650);var i=n(46156),u=n(70811),s=n(85195),d=n(28526),f=n(52435),m=n(80128),E=n(97540);let h={button:"flow--button",content:"flow--button--content",stateIcon:"flow--button--state-icon",avatar:"flow--button--avatar",icon:"flow--button--icon",text:"flow--button--text",isSucceeded:"flow--button--is-succeeded",isFailed:"flow--button--is-failed",isPending:"flow--button--is-pending",plain:"flow--button--plain","size-s":"flow--button--size-s",primary:"flow--button--primary",solid:"flow--button--solid",ariaDisabled:"flow--button--aria-disabled",accent:"flow--button--accent",danger:"flow--button--danger",secondary:"flow--button--secondary",soft:"flow--button--soft",inverse:"flow--button--inverse"},v={"de-DE":{"action.isFailed":"Fehlgeschlagen","action.isPending":"Ausstehend...","action.isSucceeded":"Erfolgreich"},"en-EN":{"action.isFailed":"Failed","action.isPending":"Pending...","action.isSucceeded":"Succeeded"}},I=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=(0,m.q)(v),{isPendingText:l=n.format("action.isPending"),isSucceededText:a=n.format("action.isSucceeded"),isFailedText:o=n.format("action.isFailed")}=t,c=(0,E.t)({"aria-live":"polite","aria-atomic":!1,"aria-relevant":"text additions",role:"status"});(0,r.useEffect)(()=>{"isPending"===e?c.speak(l):"isSucceeded"===e?c.speak(a):"isFailed"===e&&c.speak(o)},[e])},p=e=>((e.isPending||e.isSucceeded||e.isFailed||e["aria-disabled"])&&((e={...e}).onPress=void 0,e.onPressStart=void 0,e.onPressEnd=void 0,e.onPressChange=void 0,e.onPressUp=void 0,e.onKeyDown=void 0,e.onKeyUp=void 0),e),g=(0,d.f)("Button",e=>{let{color:t="primary",variant:n="solid",children:d,className:m,size:E="m",isPending:v,isSucceeded:g,isFailed:b,"aria-disabled":w,ref:N,inverse:C,unstyled:y,...Z}=e=p(e),S=y?m:(0,a.Z)(h.button,v&&h.isPending,g&&h.isSucceeded,b&&h.isFailed,C&&h.inverse,h["size-".concat(E)],h[t],h[n],m,w&&h.ariaDisabled);I(v?"isPending":g?"isSucceeded":b?"isFailed":"isIdle");let x={Icon:{className:h.icon,"aria-hidden":!0,size:E},Text:{className:h.text},Avatar:{className:h.avatar}},P=g?i.I:b?i.a:v?f.L:void 0,k=P&&r.createElement(P,{size:E,className:h.stateIcon});return r.createElement(o.C,null,r.createElement(l.z,{className:S,ref:N,...Z},r.createElement(c.P,{props:x},r.createElement(u.W,{if:!y},r.createElement("span",{className:h.content},r.createElement(u.W,{if:"string"==typeof d},r.createElement(s.T,null,d))))),k))})},70569:function(e,t,n){n.r(t),n.d(t,{Button:function(){return r.B},default:function(){return r.B}});var r=n(23726)},74032:function(e,t,n){n.d(t,{C:function(){return a}});var r=n(82317),l=n(16677);let a=e=>{let{children:t}=e;return r.createElement(l.p.Provider,{value:{}},t)}},34510:function(e,t,n){n.d(t,{C:function(){return c}});var r=n(82317),l=n(74032);n(16677),n(63193);var a=n(28526),o=n(70811);let c=(0,a.f)("Content",e=>{let{children:t,elementType:n="div",ref:a,clearPropsContext:c=!0,...i}=e;return r.createElement(o.W,{if:c},r.createElement(l.C,null,r.createElement(n,{ref:a,...i},t)))})},41617:function(e,t,n){n.d(t,{E:function(){return a}});var r=n(82317),l=n(65324);let a=e=>{let{children:t,className:n,...a}=e,o=(0,l.Z)("flow--emulated-bold-text",n);return r.createElement("span",{className:o,...a},t,r.createElement("span",{"aria-hidden":"true",className:"flow--emulated-bold-text--bold-text"},t))}},6835:function(e,t,n){n.r(t),n.d(t,{HeaderNavigation:function(){return i},default:function(){return i}});var r=n(82317);n(16677);var l=n(58712),a=n(65324),o=n(41617);let c={headerNavigation:"flow--header-navigation",link:"flow--header-navigation--link",button:"flow--header-navigation--button",inverse:"flow--header-navigation--inverse"},i=e=>{let{children:t,className:n,inverse:i,...u}=e,s=(0,a.Z)(c.headerNavigation,i&&c.inverse,n);return r.createElement("nav",{className:s,role:"navigation",...u},r.createElement("ul",null,r.createElement(l.P,{props:{Link:{render:(e,t)=>r.createElement("li",null,r.createElement(e,{...t,className:c.link,unstyled:!0},r.createElement(o.E,null,t.children)))},Button:{render:(e,t)=>r.createElement("li",null,r.createElement(e,{...t,className:c.button,variant:"plain",inverse:i}))}}},t)))}},19018:function(e,t,n){n.r(t),n.d(t,{Heading:function(){return s},default:function(){return s}});var r=n(82317),l=n(65324),a=n(74032),o=n(58712);n(16677);var c=n(28526),i=n(55380);let u={heading:"flow--heading",icon:"flow--heading--icon",h1:"flow--heading--h1",h2:"flow--heading--h2",h3:"flow--heading--h3",h4:"flow--heading--h4",h5:"flow--heading--h5",h6:"flow--heading--h6"},s=(0,c.f)("Heading",e=>{let{children:t,className:n,level:c=2,levelVisual:s=c,ref:d,...f}=e,m=(0,l.Z)(u.heading,s&&u["h".concat(s)],n),E={Icon:{"aria-hidden":!0,size:"s",className:u.icon}};return r.createElement(a.C,null,r.createElement(i.X,{level:c,className:m,...f,ref:d},r.createElement(o.P,{props:E},t)))})},45650:function(e,t,n){n.d(t,{I:function(){return s}});var r=n(82317),l=n(65324),a=n(36573),o=n(74032);n(16677),n(63193);var c=n(28526);let i={icon:"flow--icon","size-m":"flow--icon--size-m","size-s":"flow--icon--size-s","size-l":"flow--icon--size-l"},u=e=>{let t=r.Children.toArray((0,a.ZP)(e)).find(e=>"object"==typeof e&&"type"in e&&"svg"===e.type);if(!t)throw Error("Invalid SVG string (got ".concat(String(e),")"));return t},s=(0,c.f)("Icon",e=>{let{className:t,"aria-label":n,children:a,size:c="m",...s}=e,d={...s,focusable:"false",role:"img","aria-hidden":!n,"aria-label":n,className:(0,l.Z)("flow--icon",t,i["size-".concat(c)])},f="string"==typeof a,m=(0,r.useMemo)(()=>f?u(a):a,[f,a]);if(!r.isValidElement(m))throw Error("Expected children of Icon component to be a valid React element (got ".concat(String(m),")"));return r.createElement(o.C,null,r.cloneElement(m,d))})},40852:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(22988),a=n(45650);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},9084:function(e,t,n){n.d(t,{I:function(){return c},a:function(){return i}});var r=n(82317),l=n(48151),a=n(74402),o=n(45650);let c=e=>r.createElement(o.I,{...e},r.createElement(l.Z,null)),i=e=>r.createElement(o.I,{...e},r.createElement(a.Z,null))},91916:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(88277),a=n(45650);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},89478:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(5950),a=n(45650);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},68933:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(80910),a=n(45650);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},92423:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(53782),a=n(45650);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},37598:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(94481),a=n(45650);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},24380:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(86795),a=n(45650);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},90729:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(11448),a=n(45650);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},52948:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(11953),a=n(45650);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},85892:function(e,t,n){n.d(t,{I:function(){return u},a:function(){return i},b:function(){return s}});var r=n(82317),l=n(53429),a=n(8909),o=n(77504),c=n(45650);let i=e=>r.createElement(c.I,{...e},r.createElement(l.Z,null)),u=e=>r.createElement(c.I,{...e},r.createElement(a.Z,null)),s=e=>r.createElement(c.I,{...e},r.createElement(o.Z,null))},87167:function(e,t,n){n.d(t,{I:function(){return i},a:function(){return c}});var r=n(82317),l=n(22403),a=n(15476),o=n(45650);let c=e=>r.createElement(o.I,{...e},r.createElement(l.Z,null)),i=e=>r.createElement(o.I,{...e},r.createElement(a.Z,null))},46156:function(e,t,n){n.d(t,{I:function(){return i},a:function(){return c}});var r=n(82317),l=n(53782),a=n(22988),o=n(45650);let c=e=>r.createElement(o.I,{...e},r.createElement(l.Z,null)),i=e=>r.createElement(o.I,{...e},r.createElement(a.Z,null))},70781:function(e,t,n){n.d(t,{I:function(){return i},a:function(){return u},b:function(){return s}});var r=n(82317),l=n(58585),a=n(21794),o=n(60045),c=n(45650);let i=e=>r.createElement(c.I,{...e},r.createElement(l.Z,null)),u=e=>r.createElement(c.I,{...e},r.createElement(a.Z,null)),s=e=>r.createElement(c.I,{...e},r.createElement(o.Z,null))},85861:function(e,t,n){n.r(t),n.d(t,{IconApp:function(){return ea},IconBackLink:function(){return eo},IconBackup:function(){return ec},IconCheck:function(){return G.I},IconCheckboxChecked:function(){return q.I},IconCheckboxEmpty:function(){return q.a},IconCheckboxIndeterminate:function(){return U.I},IconChevronDown:function(){return K.I},IconChevronLeft:function(){return ei},IconChevronRight:function(){return X.I},IconChevronUp:function(){return J.a},IconClose:function(){return Q.I},IconCode:function(){return eu},IconContextMenu:function(){return Y.I},IconCopy:function(){return $.I},IconCronjob:function(){return es},IconCustomer:function(){return ed},IconDanger:function(){return ee.I},IconDashboard:function(){return ef},IconDatabase:function(){return em},IconDate:function(){return eE},IconDelete:function(){return eh},IconDomain:function(){return ev},IconEmail:function(){return eI},IconExternalLink:function(){return ep},IconFailed:function(){return et.a},IconFilter:function(){return eg},IconHide:function(){return eb},IconHome:function(){return ew},IconInbox:function(){return eN},IconInfo:function(){return en.I},IconListView:function(){return eC},IconLogout:function(){return ey},IconMember:function(){return eZ},IconMenu:function(){return eS},IconMinus:function(){return J.I},IconMittwald:function(){return eq},IconNotification:function(){return ex},IconPending:function(){return er.I},IconPlus:function(){return J.b},IconProject:function(){return eP},IconRadioOff:function(){return el.a},IconRadioOn:function(){return el.I},IconRandom:function(){return ek},IconSave:function(){return eO},IconSearch:function(){return eF},IconSearchEngine:function(){return eA},IconServer:function(){return eD},IconSettings:function(){return eL},IconShare:function(){return eB},IconShow:function(){return eT},IconSorting:function(){return ez},IconSpamProtectionOff:function(){return eR},IconSpamProtectionOn:function(){return eM},IconSshSftp:function(){return eH},IconSubdomain:function(){return ej},IconSucceeded:function(){return et.I},IconSuccess:function(){return en.a},IconSupport:function(){return e_},IconTerminate:function(){return eV},IconTileView:function(){return eW},IconTime:function(){return eG},IconWarning:function(){return en.b}});var r=n(82317),l=n(99039),a=n(29460),o=n(48397),c=n(35772),i=n(39270),u=n(50696),s=n(76406),d=n(31867),f=n(35706),m=n(64865),E=n(4187),h=n(92295),v=n(73059),I=n(94626),p=n(3157),g=n(53926),b=n(82120),w=n(24350),N=n(40613),C=n(18176),y=n(6626),Z=n(15832),S=n(39571),x=n(94279),P=n(93364),k=n(13837),O=n(37140),F=n(29401),A=n(79423),D=n(73421),L=n(29235),B=n(45657),T=n(92812),z=n(1338),R=n(74114),M=n(41251),H=n(94837),j=n(26486),_=n(9434),V=n(95995),W=n(45650),G=n(40852),q=n(9084),U=n(91916),K=n(89478),X=n(68933),J=n(85892),Q=n(92423),Y=n(37598),$=n(24380),ee=n(90729),et=n(46156),en=n(70781),er=n(52948),el=n(87167);let ea=e=>r.createElement(W.I,{...e},r.createElement(l.Z,null)),eo=e=>r.createElement(W.I,{...e},r.createElement(a.Z,null)),ec=e=>r.createElement(W.I,{...e},r.createElement(o.Z,null)),ei=e=>r.createElement(W.I,{...e},r.createElement(c.Z,null)),eu=e=>r.createElement(W.I,{...e},r.createElement(i.Z,null)),es=e=>r.createElement(W.I,{...e},r.createElement(u.Z,null)),ed=e=>r.createElement(W.I,{...e},r.createElement(s.Z,null)),ef=e=>r.createElement(W.I,{...e},r.createElement(d.Z,null)),em=e=>r.createElement(W.I,{...e},r.createElement(f.Z,null)),eE=e=>r.createElement(W.I,{...e},r.createElement(m.Z,null)),eh=e=>r.createElement(W.I,{...e},r.createElement(E.Z,null)),ev=e=>r.createElement(W.I,{...e},r.createElement(h.Z,null)),eI=e=>r.createElement(W.I,{...e},r.createElement(v.Z,null)),ep=e=>r.createElement(W.I,{...e},r.createElement(I.Z,null)),eg=e=>r.createElement(W.I,{...e},r.createElement(p.Z,null)),eb=e=>r.createElement(W.I,{...e},r.createElement(g.Z,null)),ew=e=>r.createElement(W.I,{...e},r.createElement(b.Z,null)),eN=e=>r.createElement(W.I,{...e},r.createElement(w.Z,null)),eC=e=>r.createElement(W.I,{...e},r.createElement(N.Z,null)),ey=e=>r.createElement(W.I,{...e},r.createElement(C.Z,null)),eZ=e=>r.createElement(W.I,{...e},r.createElement(y.Z,null)),eS=e=>r.createElement(W.I,{...e},r.createElement(Z.Z,null)),ex=e=>r.createElement(W.I,{...e},r.createElement(S.Z,null)),eP=e=>r.createElement(W.I,{...e},r.createElement(x.Z,null)),ek=e=>r.createElement(W.I,{...e},r.createElement(P.Z,null)),eO=e=>r.createElement(W.I,{...e},r.createElement(k.Z,null)),eF=e=>r.createElement(W.I,{...e},r.createElement(O.Z,null)),eA=e=>r.createElement(W.I,{...e},r.createElement(F.Z,null)),eD=e=>r.createElement(W.I,{...e},r.createElement(A.Z,null)),eL=e=>r.createElement(W.I,{...e},r.createElement(D.Z,null)),eB=e=>r.createElement(W.I,{...e},r.createElement(L.Z,null)),eT=e=>r.createElement(W.I,{...e},r.createElement(B.Z,null)),ez=e=>r.createElement(W.I,{...e},r.createElement(T.Z,null)),eR=e=>r.createElement(W.I,{...e},r.createElement(z.Z,null)),eM=e=>r.createElement(W.I,{...e},r.createElement(R.Z,null)),eH=e=>r.createElement(W.I,{...e},r.createElement(M.Z,null)),ej=e=>r.createElement(W.I,{...e},r.createElement(H.Z,null)),e_=e=>r.createElement(W.I,{...e},r.createElement(j.Z,null)),eV=e=>r.createElement(W.I,{...e},r.createElement(_.Z,null)),eW=e=>r.createElement(W.I,{...e},r.createElement(V.Z,null)),eG=e=>r.createElement(W.I,{...e},r.createElement(o.Z,null)),eq=e=>r.createElement(W.I,{...e},'\n')},69111:function(e,t,n){n.d(t,{L:function(){return d}});var r=n(82317),l=n(82863),a=n(65324),o=n(74032);n(16677),n(63193);var c=n(80128),i=n(28526);let u={label:"flow--label"},s={"de-DE":{"label.optional":"(optional)"},"en-EN":{"label.optional":"(optional)"}},d=(0,i.f)("Label",e=>{let{children:t,className:n,optional:i,ref:d,unstyled:f=!1,...m}=e,E=(0,c.q)(s),h=f?n:(0,a.Z)(u.label,n),v=" "+E.format("label.optional");return r.createElement(o.C,null,r.createElement(l._,{...m,className:h,ref:d},t,i&&v))})},46423:function(e,t,n){n.d(t,{_:function(){return r.L}});var r=n(69111)},44104:function(e,t,n){n.r(t),n.d(t,{LayoutCard:function(){return c},default:function(){return c}});var r=n(82317),l=n(65324),a=n(28526);n(16677);var o=n(58712);let c=(0,a.f)("LayoutCard",e=>{let{children:t,className:n,elementType:a="div",ref:c,...i}=e,u=(0,l.Z)("flow--layout-card",n);return r.createElement(a,{className:u,...i,ref:c},r.createElement(o.P,{props:{Tabs:{className:"flow--layout-card--tabs"}}},t))})},42023:function(e,t,n){n.d(t,{L:function(){return d}});var r=n(82317),l=n(35430),a=n(74032),o=n(58712);n(16677);var c=n(65324),i=n(28526),u=n(55282);let s={link:"flow--link",inline:"flow--link--inline",icon:"flow--link--icon"},d=(0,i.f)("Link",e=>{var t;let{children:n,className:i,inline:d,linkComponent:f,unstyled:m=!1,"aria-current":E,ref:h,...v}=e,{linkComponent:I}=(0,r.useContext)(u.l),p=null!==(t=null!=f?f:I)&&void 0!==t?t:l.r,g=m?i:(0,c.Z)(s.link,d&&s.inline,i),b={Icon:{className:s.icon,size:"s"}};return r.createElement(a.C,null,r.createElement(p,{...v,"aria-current":E,className:g,ref:h},r.createElement(o.P,{props:b},n)))})},45854:function(e,t,n){n.r(t),n.d(t,{Link:function(){return r.L},default:function(){return r.L}});var r=n(42023)},52435:function(e,t,n){n.d(t,{L:function(){return o}});var r=n(82317);n(45650);var l=n(52948),a=n(65324);let o=e=>{let{className:t,...n}=e,o=(0,a.Z)("flow--loading-spinner",t);return r.createElement(l.I,{className:o,...n})}},23014:function(e,t,n){n.d(t,{KB:function(){return f},W_:function(){return d},ZP:function(){return d}});var r=n(82317),l=n(65324),a=n(66810),o=n(70811);n(16677);var c=n(58712),i=n(25894),u=n(59567),s=n(34510);let d=e=>{let{className:t,children:n,...i}=e,u=(0,l.Z)("flow--navigation",t),s=!!(0,a.d)(n,f);return r.createElement("nav",{className:u,role:"navigation",...i},r.createElement(c.P,{props:{Link:{render:(e,t)=>r.createElement("li",null,r.createElement(e,{...t,className:"flow--navigation--item",unstyled:!0})),Text:{className:"flow--navigation--text"},Icon:{className:"flow--navigation--icon"}}}},r.createElement(o.W,{if:!s},r.createElement("ul",null,n))))},f=e=>{let{children:t,className:n,collapsable:a,...o}=e,d=(0,l.Z)("flow--navigation--navigation-group",n),f=(0,r.useId)(),m={Label:{tunnelId:"Label",id:f,className:"flow--navigation--navigation-group--label","aria-hidden":!0}};return a?r.createElement(c.P,{mergeInParentContext:!0,props:m},r.createElement(i.NN,null,r.createElement(u.A,{defaultExpanded:!0,className:d},r.createElement(i.Rz,{id:"Label"}),r.createElement(s.C,{clearPropsContext:!1},r.createElement("ul",null,t))))):r.createElement(c.P,{mergeInParentContext:!0,props:m},r.createElement(i.NN,null,r.createElement("section",{"aria-labelledby":f,className:d,...o},r.createElement(c.P,{mergeInParentContext:!0,props:m},r.createElement(i.Rz,{id:"Label"}),r.createElement("ul",null,t)))))}},98122:function(e,t,n){n.r(t),n.d(t,{OffCanvas:function(){return s},default:function(){return s}});var r=n(82317),l=n(65324),a=n(23726);n(45650);var o=n(92423),c=n(56694),i=n(61243);n(38133),n(16677);var u=n(58712);let s=e=>{let{controller:t,children:n,className:s}=e,d=(0,l.Z)("flow--off-canvas",s);return r.createElement(i.O,{controller:t,className:d},r.createElement(c.A,{closeOverlay:!0},r.createElement(a.B,{variant:"plain",size:"s",color:"secondary",className:"flow--off-canvas--close-button"},r.createElement(o.I,null))),r.createElement(u.P,{props:{Heading:{slot:"title"}}},n))}},61243:function(e,t,n){n.d(t,{O:function(){return i}});var r=n(59905),l=n(74845),a=n(82317),o=n(65324),c=n(38133);let i=e=>{let{controller:t,children:n,className:i}=e,u=(0,c.u)({reuseControllerFromContext:!0}),s=null!=t?t:u,d=s.useIsOpen(),f=(0,o.Z)("flow--overlay",i);return a.createElement(r.ZA,{className:f,isDismissable:!0,isOpen:d,onOpenChange:e=>s.setOpen(e)},a.createElement(r.u_,null,a.createElement(l.Vq,null,a.createElement(c.a,{value:s},n))))}},90783:function(e,t,n){n.r(t),n.d(t,{OverlayTrigger:function(){return c},default:function(){return c}});var r=n(82317),l=n(38133),a=n(56694);n(16677);var o=n(58712);let c=e=>{let t=(0,l.u)();return r.createElement(l.a,{value:t},r.createElement(o.P,{props:{Button:{render:(e,n)=>r.createElement(a.A,{openOverlay:t},r.createElement(e,{...n}))}}},e.children))}},58712:function(e,t,n){n.d(t,{P:function(){return s},m:function(){return u}});var r=n(82317),l=n(16677),a=n(62840),o=n(59860),c=n(63193);let i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(){for(var t=arguments.length,n=Array(t),r=0;r0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.fromEntries(Object.keys({...e,...t}).map(n=>[n,i(e[n],t[n])]))},s=e=>{let{props:t,dependencies:n=[],mergeInParentContext:a=!1,children:o,...c}=e,i=(0,l.u)(),s=(0,r.useMemo)(()=>t,n),d=(0,r.useMemo)(()=>a?u(i,t):t,[s,i,a]),f=(0,r.isValidElement)(o)?{...c,...o.props}:c,m=[o,...Object.entries(f).flatMap(e=>e)],E=(0,r.useMemo)(()=>(0,r.isValidElement)(o)?(0,r.cloneElement)(o,f):o,m);return r.createElement(l.p.Provider,{value:d},E)}},12501:function(e,t,n){n.r(t),n.d(t,{Section:function(){return c},default:function(){return c}});var r=n(82317),l=n(65324);n(16677);var a=n(58712);let o={section:"flow--section",header:"flow--section--header",switch:"flow--section--switch",statusBadge:"flow--section--status-badge"},c=e=>{let{children:t,className:n,...c}=e;if(!t)return null;let i=(0,l.Z)(o.section,n),u={Heading:{level:2},Header:{className:o.header,Switch:{className:o.switch,labelPosition:"leading"},StatusBadge:{className:o.statusBadge}}};return r.createElement("section",{...c,className:i},r.createElement(a.P,{props:u},t))}},45582:function(e,t,n){n.r(t),n.d(t,{StatusBadge:function(){return s},default:function(){return s}});var r=n(82317),l=n(65324),a=n(16334),o=n(85195),c=n(74032);n(16677),n(63193);var i=n(28526);let u={statusBadge:"flow--status-badge",text:"flow--status-badge--text",info:"flow--status-badge--info",success:"flow--status-badge--success",warning:"flow--status-badge--warning",danger:"flow--status-badge--danger"},s=(0,i.f)("StatusBadge",e=>{let{children:t,className:n,status:i="info",ref:s,...d}=e,f=(0,l.Z)(u.statusBadge,u[i],n);return r.createElement(c.C,null,r.createElement("div",{className:f,...d,ref:s},r.createElement(a.S,{size:"s",className:u.statusIcon,status:i}),r.createElement(o.T,{className:u.text},t)))})},16334:function(e,t,n){n.d(t,{S:function(){return f}});var r=n(82317);n(45650);var l=n(90729),a=n(70781),o=n(80128),c=n(74032);n(16677),n(63193);var i=n(65324);let u={"de-DE":{"statusIcon.danger":"Status Fehler","statusIcon.info":"Status Information","statusIcon.success":"Status Erfolg","statusIcon.warning":"Status Warnung"},"en-EN":{"statusIcon.danger":"Status error","statusIcon.info":"Status information","statusIcon.success":"Status success","statusIcon.warning":"Status warning"}},s={info:"flow--status-icon--info",statusIcon:"flow--status-icon",warning:"flow--status-icon--warning",danger:"flow--status-icon--danger",success:"flow--status-icon--success"},d={danger:l.I,info:a.I,success:a.a,warning:a.b},f=e=>{let{status:t="info",className:n,...l}=e,a=(0,i.Z)("flow--status-icon",s[t],n),f=(0,o.q)(u),m=d[t],E={className:a,"aria-label":f.format("statusIcon.".concat(t)),...l};return r.createElement(c.C,null,r.createElement(m,{...E}))}},85195:function(e,t,n){n.d(t,{T:function(){return d}});var r=n(82317),l=n(93587),a=n(74032),o=n(58712);n(16677);var c=n(53492),i=n(28526),u=n(41617),s=n(70811);let d=(0,i.f)("Text",e=>{let{children:t,className:n,elementType:i="span",emulateBoldWidth:d,ref:f,...m}=e,E={...m,className:n},h=r.createElement(o.P,{props:{Link:{inline:!0}}},r.createElement(s.W,{if:d},r.createElement(u.E,null,t)));return e.slot?(c("string"==typeof i,"'elementType' in Text component must be of type string"),r.createElement(a.C,null,r.createElement(l.x,{...E,elementType:i,ref:f},h))):r.createElement(i,{...E,ref:f},h)})},70811:function(e,t,n){n.d(t,{W:function(){return r}});let r=e=>{let{if:t,children:n}=e;return t?n:n.props.children}},55282:function(e,t,n){n.d(t,{L:function(){return l},l:function(){return r}});let r=(0,n(82317).createContext)({}),l=r.Provider},95359:function(e,t,n){n.d(t,{A:function(){return o},u:function(){return a}});var r=n(82317);let l=(0,r.createContext)(void 0),a=()=>(0,r.useContext)(l),o=l.Provider},66810:function(e,t,n){n.d(t,{a:function(){return i},d:function(){return c}});var r=n(82317),l=n(92807),a=n(41439);let o=(e,t)=>!!(0,r.isValidElement)(e)&&("string"==typeof t?"string"==typeof e.type&&e.type===t:e.type===t),c=(e,t)=>(0,l.Z)(e,e=>o(e,t)),i=(e,t)=>{let n=[];return(0,a.Z)(e,e=>{o(e,t)&&n.push(e)}),n}},69033:function(e,t,n){n.d(t,{d:function(){return r}});let r=e=>({__dynamicProp:e})},28526:function(e,t,n){n.d(t,{f:function(){return function e(t,n){return(0,r.forwardRef)((c,i)=>{let{render:u,tunnelId:s,...d}=(0,a.u)(t,c),f={...d,ref:i},m=r.createElement(n,{...f});if(u){let a=e(t,n);m=r.createElement(l.C,null,u(a,f))}return s&&(m=r.createElement(o.fk,{id:s},m)),m})}}});var r=n(82317),l=n(74032);n(16677),n(63193);var a=n(29889),o=n(25894)},38133:function(e,t,n){n.d(t,{O:function(){return u},a:function(){return d},u:function(){return f}});var r=n(16219),l=n(82317),a=n(60),o=Object.defineProperty,c=(e,t,n)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,i=(e,t,n)=>(c(e,"symbol"!=typeof t?t+"":t,n),n);class u{static useNew(e){return(0,l.useState)(new u(e))[0]}open(){this.isOpen=!0}close(){this.isOpen=!1}toggle(){this.isOpen=!this.isOpen}setOpen(e){this.isOpen=e}useIsOpen(){return(0,a.u)(()=>this.isOpen)}constructor(e=!1){i(this,"isOpen"),(0,r.rC)(this,{isOpen:r.LO,open:r.aD.bound,close:r.aD.bound,toggle:r.aD.bound,setOpen:r.aD.bound}),this.isOpen=e}}let s=(0,l.createContext)(void 0),d=s.Provider,f=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{reuseControllerFromContext:t=!0,defaultOpen:n}=e,r=u.useNew(n),a=(0,l.useContext)(s);return t&&a?a:r}},93667:function(e,t,n){n.r(t),n.d(t,{Link:function(){return o},LinkProvider:function(){return c}});var r=n(82317),l=n(20488),a=n(55282);let o=(0,r.forwardRef)(function(e,t){var n;return r.createElement(l.default,{href:null!==(n=e.href)&&void 0!==n?n:"#",...e,ref:t})}),c=e=>r.createElement(a.L,{value:{linkComponent:o}},e.children)},16677:function(e,t,n){n.d(t,{p:function(){return l},u:function(){return a}});var r=n(82317);let l=(0,r.createContext)({}),a=()=>(0,r.useContext)(l)},29889:function(e,t,n){n.d(t,{u:function(){return E}});var r=n(62840),l=n(16677),a=n(82317),o=n(40648),c=n(47422),i=n(58712);let u=["Action","Avatar","Button","ButtonGroup","Checkbox","CheckboxButton","CheckboxGroup","Content","ContextMenu","CopyButton","FieldDescription","FieldError","Header","Heading","Icon","Image","Initials","InlineAlert","Label","LayoutCard","Link","MenuItem","Modal","NumberField","Radio","Option","RadioButton","RadioGroup","Select","StatusBadge","Switch","Tabs","TestComponent","Text","TextArea","TextField"];function s(e){return"string"==typeof e&&u.includes(e)}let d=(e,t)=>{let n={};for(let r in e)if(!s(r)){let l=e[r];l&&"object"==typeof l&&"__dynamicProp"in l&&(n[r]=l.__dynamicProp(t))}return n},f=e=>(0,o.D)(e,(e,t)=>s(t)),m=(e,t)=>{if(!(t&&"object"==typeof t&&"children"in t&&t.children))return{};let n=t.children;if(!Array.isArray(n)&&!(0,a.isValidElement)(n))return{};let r=f(e);return 0===Object.keys(r).length?{}:{children:a.createElement(i.P,{props:r,mergeInParentContext:!0},t.children)}},E=(e,t)=>{let n=(0,l.u)()[e],a=n?d(n,t):void 0,o=n?m(n,t):void 0;return(0,r.d)(n&&(0,c.C)(n,u),t,a,o)}},60:function(e,t,n){n.d(t,{u:function(){return a}});var r=n(16219),l=n(82317);let a=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],[n,a]=(0,l.useState)(e());return(0,l.useEffect)(()=>(0,r.EH)(()=>{a(e())}),t),n}},25894:function(e,t,n){n.d(t,{NN:function(){return f},Rz:function(){return h},fk:function(){return m}});var r=n(82317),l=n(16219),a=n(50270),o=Object.defineProperty,c=(e,t,n)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,i=(e,t,n)=>(c(e,"symbol"!=typeof t?t+"":t,n),n);let u="default";class s{static useNew(){return(0,r.useState)(new s)[0]}setChildren(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:u,n=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,a=null!==(e=this.children.get(t))&&void 0!==e?e:l.LO.map({},{deep:!1});a.set(n,r),this.children.set(t,a)}deleteChildren(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:u,n=arguments.length>1?arguments[1]:void 0;null==(e=this.children.get(t))||e.delete(n)}getChildren(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:u,n=null==(e=this.children.get(t))?void 0:e.entries();if(n)return Array.from(n)}constructor(){i(this,"children",l.LO.map({},{deep:!1})),(0,l.rC)(this,{deleteChildren:l.aD.bound,setChildren:l.aD.bound})}}let d=(0,r.createContext)(new s),f=e=>{let{children:t}=e;return r.createElement(d.Provider,{value:s.useNew()},t)},m=e=>{let{children:t,id:n}=e,l=(0,r.useContext)(d),a=(0,r.useId)(),o=(0,r.useRef)(!1);return o.current||l.setChildren(n,a,t),(0,r.useLayoutEffect)(()=>(o.current=!0,l.setChildren(n,a,t),()=>{l.deleteChildren(n,a)}),[t,n,a]),null},E=e=>{let{children:t}=e;return"function"==typeof t?t():t},h=(0,a.Pi)(e=>{let{children:t,id:n}=e,l=(0,r.useContext)(d).getChildren(n);return l?l.map(e=>{let[t,n]=e;return r.createElement(E,{key:t},n)}):t})}}]); \ No newline at end of file diff --git a/docs/302-accordion-component/_next/static/chunks/485-f45453c84d136539.js b/docs/302-accordion-component/_next/static/chunks/485-f45453c84d136539.js deleted file mode 100644 index ee7ab12c94..0000000000 --- a/docs/302-accordion-component/_next/static/chunks/485-f45453c84d136539.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[485],{82582:function(e,t,n){n.d(t,{R:function(){return l}});var r=n(77618);class l{getTitle(){var e,t;return null!==(t=null!==(e=this.mdxSource.frontmatter.title)&&void 0!==e?e:this.mdxSource.frontmatter.component)&&void 0!==t?t:(0,r.Z)(this.slugs[this.slugs.length-1])}getNavTitle(){var e;return null!==(e=this.mdxSource.frontmatter.navTitle)&&void 0!==e?e:this.getTitle()}matchesSlugs(e){return l.pathnameFromSlug(e)===this.pathname}static pathnameFromSlug(e){return["",...e].join("/")}getExample(e){let t=this.examples[e];if(void 0===t)throw Error("Could not find example ".concat(e," in ").concat(this.filename));return t}serialize(){return{mdxSource:this.mdxSource,examples:this.examples,slugs:this.slugs,filename:this.filename}}static deserialize(e){let{filename:t,mdxSource:n,examples:r,slugs:a}=e;return new l(t,a,n,r)}constructor(e,t,n,r){this.filename=e,this.slugs=t,this.pathname=l.pathnameFromSlug(t),this.id=e,this.mdxSource=n,this.examples=r}}},44118:function(e,t,n){n.d(t,{A:function(){return d}});var r=n(82317),l=n(65324);n(16677);var a=n(58712),o=n(69033),c=n(99084);n(73335);var i=n(64504),u=n(25894);let s={accordion:"flow--accordion",header:"flow--accordion--header",headerButton:"flow--accordion--header-button",content:"flow--accordion--content",contentInner:"flow--accordion--content-inner",expanded:"flow--accordion--expanded",chevron:"flow--accordion--chevron"},d=e=>{let{children:t,className:n,defaultExpanded:d=!1,...f}=e,[m,E]=(0,r.useState)(d),h=(0,l.Z)(s.accordion,m&&s.expanded,n),v=(0,r.useId)(),I=(0,r.useId)(),p=e=>r.createElement(c.B,{unstyled:!0,"aria-expanded":m,className:s.headerButton,onPress:()=>E(!m),"aria-controls":I},e,r.createElement(i.I,{className:s.chevron})),g={Content:{className:s.contentInner,tunnelId:"content"},Heading:{className:s.header,level:4,children:(0,o.d)(e=>p(e.children))},Label:{className:s.header,children:(0,o.d)(e=>p(e.children))}};return r.createElement("div",{...f,className:h},r.createElement(a.P,{mergeInParentContext:!0,props:g,dependencies:[m]},r.createElement(u.NN,null,t,r.createElement("div",{"aria-labelledby":v,id:I,role:"region",hidden:!m,className:s.content},r.createElement(u.Rz,{id:"content"})))))}},56694:function(e,t,n){n.d(t,{A:function(){return C}});var r=n(82317);n(16677);var l=n(58712),a=n(38133),o=n(95359),c=n(25894),i=n(16219),u=n(60),s=Object.defineProperty,d=(e,t,n)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,f=(e,t,n)=>(d(e,"symbol"!=typeof t?t+"":t,n),n);let m=e=>function(){for(var t=arguments.length,n=Array(t),r=0;r0===l.length?e:m(l)(...n);return e instanceof Promise?e.then(t):t()}},E="flowBreakActionMarker",h=()=>{throw Error(E)},v={pending:1e3,succeeded:1500,failed:2e3};class I{onAsyncStart(){this.options.showFeedback=!0,this.state.updateState("isExecuting"),setTimeout(()=>this.startPending(),v.pending)}onSucceeded(){this.onDone()}onFailed(e){this.error=null!=e?e:Error("Unknown error"),console.error(e),this.onDone()}startFailedFeedback(){var e;(e=this.error)&&e instanceof Error&&e.message===E?this.resetAfterDone():(this.state.updateState("isFailed"),setTimeout(()=>this.resetAfterDone(),v.failed))}startSucceededFeedback(){this.state.updateState("isSucceeded"),setTimeout(()=>this.resetAfterDone(),v.succeeded)}resetAfterDone(){this.options.resetAfterDone&&this.state.updateState("isIdle"),this.error||this.options.onFeedbackDone(...this.args)}onDone(){this.isDone=!0,this.options.showFeedback?this.error?this.startFailedFeedback():this.startSucceededFeedback():this.resetAfterDone()}startPending(){this.isDone||this.state.updateState("isPending")}constructor(e,t,n={}){f(this,"options"),f(this,"state"),f(this,"args"),f(this,"isDone",!1),f(this,"error");let{resetAfterDone:r=!0,onFeedbackDone:l=()=>{},showFeedback:a=!1}=n;this.state=e,this.args=t,this.options={resetAfterDone:r,onFeedbackDone:l,showFeedback:a}}}class p{static useNew(){return(0,r.useRef)(new p).current}updateState(e){this.state=e}useState(){return(0,u.u)(()=>this.state,[this])}constructor(){f(this,"state","isIdle"),(0,i.rC)(this,{state:i.LO,updateState:i.aD})}}let g=()=>{},b=e=>{let{action:t,toggleOverlay:n,openOverlay:r,closeOverlay:l,break:o}=e,c=(0,a.u)(),i=e=>"boolean"==typeof e?c:e;return t||(n?i(n).toggle:r?i(r).open:l?i(l).close:o?h:g)},w=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{onSync:n=()=>{},onAsync:r=()=>{},then:l=()=>{},catch:a=()=>{},finally:o=()=>{}}=t;try{let t=e();return t instanceof Promise?(r(),t.then(l).catch(a).finally(o)):(n(),l(t),o(),t)}catch(e){n(),a(e),o()}},N=e=>{let{isConfirmationAction:t,showFeedback:n}=e,r=b(e),l=(0,o.u)(),a=p.useNew(),c=!t,i=t?l:void 0,u=m([r,t?void 0:l]);return{callAction:function(){for(var e=arguments.length,t=Array(e),r=0;rl.onAsyncStart(),then:()=>l.onSucceeded(),catch:e=>l.onFailed(e)})},state:a}},C=e=>{let[t,n]=(0,r.useState)(!1),i=a.O.useNew(),u=N(e),s=t?i.open:u.callAction;return r.createElement(c.NN,null,r.createElement(l.P,{props:{Link:{onPress:s},Button:{onPress:s,render:(e,t)=>{let n=u.state.useState();return r.createElement(e,{...t,isPending:"isPending"===n||void 0,"aria-disabled":"isIdle"!==n||void 0,isSucceeded:"isSucceeded"===n||void 0,isFailed:"isFailed"===n||void 0})}},Modal:{tunnelId:"outsideActionProvider",render:(e,t)=>{let l="actionConfirm"===t.slot;return(0,r.useEffect)(()=>{if(l)return n(!0),()=>{n(!1)}},[l]),l?r.createElement(e,{controller:i,...t}):r.createElement(e,{...t})},ButtonGroup:{Button:{render:(t,n)=>{let{color:l}=n;return"secondary"===l?r.createElement(C,{break:!0},r.createElement(C,{closeOverlay:!0},r.createElement(t,{...n}))):r.createElement(C,{closeOverlay:!0},r.createElement(C,{...e,isConfirmationAction:!0},r.createElement(t,{...n})))}}}}},dependencies:[t],mergeInParentContext:!0},r.createElement(o.A,{value:s},e.children),r.createElement(c.Rz,{id:"outsideActionProvider"})))}},99084:function(e,t,n){n.d(t,{B:function(){return g}});var r=n(82317),l=n(85109),a=n(65324),o=n(74032),c=n(58712);n(16677),n(73335);var i=n(29243),u=n(70811),s=n(30303),d=n(40638),f=n(70500),m=n(80128),E=n(97540);let h={button:"flow--button",content:"flow--button--content",stateIcon:"flow--button--state-icon",avatar:"flow--button--avatar",icon:"flow--button--icon",text:"flow--button--text",isSucceeded:"flow--button--is-succeeded",isFailed:"flow--button--is-failed",isPending:"flow--button--is-pending",plain:"flow--button--plain","size-s":"flow--button--size-s",primary:"flow--button--primary",solid:"flow--button--solid",ariaDisabled:"flow--button--aria-disabled",accent:"flow--button--accent",danger:"flow--button--danger",secondary:"flow--button--secondary",soft:"flow--button--soft",inverse:"flow--button--inverse"},v={"de-DE":{"action.isFailed":"Fehlgeschlagen","action.isPending":"Ausstehend...","action.isSucceeded":"Erfolgreich"},"en-EN":{"action.isFailed":"Failed","action.isPending":"Pending...","action.isSucceeded":"Succeeded"}},I=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=(0,m.q)(v),{isPendingText:l=n.format("action.isPending"),isSucceededText:a=n.format("action.isSucceeded"),isFailedText:o=n.format("action.isFailed")}=t,c=(0,E.t)({"aria-live":"polite","aria-atomic":!1,"aria-relevant":"text additions",role:"status"});(0,r.useEffect)(()=>{"isPending"===e?c.speak(l):"isSucceeded"===e?c.speak(a):"isFailed"===e&&c.speak(o)},[e])},p=e=>((e.isPending||e.isSucceeded||e.isFailed||e["aria-disabled"])&&((e={...e}).onPress=void 0,e.onPressStart=void 0,e.onPressEnd=void 0,e.onPressChange=void 0,e.onPressUp=void 0,e.onKeyDown=void 0,e.onKeyUp=void 0),e),g=(0,d.f)("Button",e=>{let{color:t="primary",variant:n="solid",children:d,className:m,size:E="m",isPending:v,isSucceeded:g,isFailed:b,"aria-disabled":w,ref:N,inverse:C,unstyled:y,...Z}=e=p(e),S=y?m:(0,a.Z)(h.button,v&&h.isPending,g&&h.isSucceeded,b&&h.isFailed,C&&h.inverse,h["size-".concat(E)],h[t],h[n],m,w&&h.ariaDisabled);I(v?"isPending":g?"isSucceeded":b?"isFailed":"isIdle");let x={Icon:{className:h.icon,"aria-hidden":!0,size:E},Text:{className:h.text},Avatar:{className:h.avatar}},P=g?i.I:b?i.a:v?f.L:void 0,k=P&&r.createElement(P,{size:E,className:h.stateIcon});return r.createElement(o.C,null,r.createElement(l.z,{className:S,ref:N,...Z},r.createElement(c.P,{props:x},r.createElement(u.W,{if:!y},r.createElement("span",{className:h.content},r.createElement(u.W,{if:"string"==typeof d},r.createElement(s.T,null,d))))),k))})},70569:function(e,t,n){n.r(t),n.d(t,{Button:function(){return r.B},default:function(){return r.B}});var r=n(99084)},74032:function(e,t,n){n.d(t,{C:function(){return a}});var r=n(82317),l=n(16677);let a=e=>{let{children:t}=e;return r.createElement(l.p.Provider,{value:{}},t)}},7469:function(e,t,n){n.d(t,{C:function(){return c}});var r=n(82317),l=n(74032);n(16677),n(63193);var a=n(40638),o=n(70811);let c=(0,a.f)("Content",e=>{let{children:t,elementType:n="div",ref:a,clearPropsContext:c=!0,...i}=e;return r.createElement(o.W,{if:c},r.createElement(l.C,null,r.createElement(n,{ref:a,...i},t)))})},41617:function(e,t,n){n.d(t,{E:function(){return a}});var r=n(82317),l=n(65324);let a=e=>{let{children:t,className:n,...a}=e,o=(0,l.Z)("flow--emulated-bold-text",n);return r.createElement("span",{className:o,...a},t,r.createElement("span",{"aria-hidden":"true",className:"flow--emulated-bold-text--bold-text"},t))}},6835:function(e,t,n){n.r(t),n.d(t,{HeaderNavigation:function(){return i},default:function(){return i}});var r=n(82317);n(16677);var l=n(58712),a=n(65324),o=n(41617);let c={headerNavigation:"flow--header-navigation",link:"flow--header-navigation--link",button:"flow--header-navigation--button",inverse:"flow--header-navigation--inverse"},i=e=>{let{children:t,className:n,inverse:i,...u}=e,s=(0,a.Z)(c.headerNavigation,i&&c.inverse,n);return r.createElement("nav",{className:s,role:"navigation",...u},r.createElement("ul",null,r.createElement(l.P,{props:{Link:{render:(e,t)=>r.createElement("li",null,r.createElement(e,{...t,className:c.link,unstyled:!0},r.createElement(o.E,null,t.children)))},Button:{render:(e,t)=>r.createElement("li",null,r.createElement(e,{...t,className:c.button,variant:"plain",inverse:i}))}}},t)))}},19018:function(e,t,n){n.r(t),n.d(t,{Heading:function(){return s},default:function(){return s}});var r=n(82317),l=n(65324),a=n(74032),o=n(58712);n(16677);var c=n(40638),i=n(55380);let u={heading:"flow--heading",icon:"flow--heading--icon",h1:"flow--heading--h1",h2:"flow--heading--h2",h3:"flow--heading--h3",h4:"flow--heading--h4",h5:"flow--heading--h5",h6:"flow--heading--h6"},s=(0,c.f)("Heading",e=>{let{children:t,className:n,level:c=2,levelVisual:s=c,ref:d,...f}=e,m=(0,l.Z)(u.heading,s&&u["h".concat(s)],n),E={Icon:{"aria-hidden":!0,size:"s",className:u.icon}};return r.createElement(a.C,null,r.createElement(i.X,{level:c,className:m,...f,ref:d},r.createElement(o.P,{props:E},t)))})},73335:function(e,t,n){n.d(t,{I:function(){return s}});var r=n(82317),l=n(65324),a=n(36573),o=n(74032);n(16677),n(63193);var c=n(40638);let i={icon:"flow--icon","size-m":"flow--icon--size-m","size-s":"flow--icon--size-s","size-l":"flow--icon--size-l"},u=e=>{let t=r.Children.toArray((0,a.ZP)(e)).find(e=>"object"==typeof e&&"type"in e&&"svg"===e.type);if(!t)throw Error("Invalid SVG string (got ".concat(String(e),")"));return t},s=(0,c.f)("Icon",e=>{let{className:t,"aria-label":n,children:a,size:c="m",...s}=e,d={...s,focusable:"false",role:"img","aria-hidden":!n,"aria-label":n,className:(0,l.Z)("flow--icon",t,i["size-".concat(c)])},f="string"==typeof a,m=(0,r.useMemo)(()=>f?u(a):a,[f,a]);if(!r.isValidElement(m))throw Error("Expected children of Icon component to be a valid React element (got ".concat(String(m),")"));return r.createElement(o.C,null,r.cloneElement(m,d))})},28955:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(22988),a=n(73335);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},45455:function(e,t,n){n.d(t,{I:function(){return c},a:function(){return i}});var r=n(82317),l=n(48151),a=n(74402),o=n(73335);let c=e=>r.createElement(o.I,{...e},r.createElement(l.Z,null)),i=e=>r.createElement(o.I,{...e},r.createElement(a.Z,null))},93396:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(88277),a=n(73335);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},64504:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(5950),a=n(73335);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},17863:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(80910),a=n(73335);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},66264:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(53782),a=n(73335);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},34946:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(94481),a=n(73335);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},64528:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(86795),a=n(73335);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},67731:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(11448),a=n(73335);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},71311:function(e,t,n){n.d(t,{I:function(){return o}});var r=n(82317),l=n(11953),a=n(73335);let o=e=>r.createElement(a.I,{...e},r.createElement(l.Z,null))},28356:function(e,t,n){n.d(t,{I:function(){return u},a:function(){return i},b:function(){return s}});var r=n(82317),l=n(53429),a=n(8909),o=n(77504),c=n(73335);let i=e=>r.createElement(c.I,{...e},r.createElement(l.Z,null)),u=e=>r.createElement(c.I,{...e},r.createElement(a.Z,null)),s=e=>r.createElement(c.I,{...e},r.createElement(o.Z,null))},1923:function(e,t,n){n.d(t,{I:function(){return i},a:function(){return c}});var r=n(82317),l=n(22403),a=n(15476),o=n(73335);let c=e=>r.createElement(o.I,{...e},r.createElement(l.Z,null)),i=e=>r.createElement(o.I,{...e},r.createElement(a.Z,null))},29243:function(e,t,n){n.d(t,{I:function(){return i},a:function(){return c}});var r=n(82317),l=n(53782),a=n(22988),o=n(73335);let c=e=>r.createElement(o.I,{...e},r.createElement(l.Z,null)),i=e=>r.createElement(o.I,{...e},r.createElement(a.Z,null))},20829:function(e,t,n){n.d(t,{I:function(){return i},a:function(){return u},b:function(){return s}});var r=n(82317),l=n(58585),a=n(21794),o=n(60045),c=n(73335);let i=e=>r.createElement(c.I,{...e},r.createElement(l.Z,null)),u=e=>r.createElement(c.I,{...e},r.createElement(a.Z,null)),s=e=>r.createElement(c.I,{...e},r.createElement(o.Z,null))},85861:function(e,t,n){n.r(t),n.d(t,{IconApp:function(){return ea},IconBackLink:function(){return eo},IconBackup:function(){return ec},IconCheck:function(){return G.I},IconCheckboxChecked:function(){return q.I},IconCheckboxEmpty:function(){return q.a},IconCheckboxIndeterminate:function(){return U.I},IconChevronDown:function(){return K.I},IconChevronLeft:function(){return ei},IconChevronRight:function(){return X.I},IconChevronUp:function(){return J.a},IconClose:function(){return Q.I},IconCode:function(){return eu},IconContextMenu:function(){return Y.I},IconCopy:function(){return $.I},IconCronjob:function(){return es},IconCustomer:function(){return ed},IconDanger:function(){return ee.I},IconDashboard:function(){return ef},IconDatabase:function(){return em},IconDate:function(){return eE},IconDelete:function(){return eh},IconDomain:function(){return ev},IconEmail:function(){return eI},IconExternalLink:function(){return ep},IconFailed:function(){return et.a},IconFilter:function(){return eg},IconHide:function(){return eb},IconHome:function(){return ew},IconInbox:function(){return eN},IconInfo:function(){return en.I},IconListView:function(){return eC},IconLogout:function(){return ey},IconMember:function(){return eZ},IconMenu:function(){return eS},IconMinus:function(){return J.I},IconMittwald:function(){return eq},IconNotification:function(){return ex},IconPending:function(){return er.I},IconPlus:function(){return J.b},IconProject:function(){return eP},IconRadioOff:function(){return el.a},IconRadioOn:function(){return el.I},IconRandom:function(){return ek},IconSave:function(){return eO},IconSearch:function(){return eF},IconSearchEngine:function(){return eA},IconServer:function(){return eD},IconSettings:function(){return eL},IconShare:function(){return eB},IconShow:function(){return eT},IconSorting:function(){return ez},IconSpamProtectionOff:function(){return eR},IconSpamProtectionOn:function(){return eM},IconSshSftp:function(){return eH},IconSubdomain:function(){return ej},IconSucceeded:function(){return et.I},IconSuccess:function(){return en.a},IconSupport:function(){return e_},IconTerminate:function(){return eV},IconTileView:function(){return eW},IconTime:function(){return eG},IconWarning:function(){return en.b}});var r=n(82317),l=n(99039),a=n(29460),o=n(48397),c=n(35772),i=n(39270),u=n(50696),s=n(76406),d=n(31867),f=n(35706),m=n(64865),E=n(4187),h=n(92295),v=n(73059),I=n(94626),p=n(3157),g=n(53926),b=n(82120),w=n(24350),N=n(40613),C=n(18176),y=n(6626),Z=n(15832),S=n(39571),x=n(94279),P=n(93364),k=n(13837),O=n(37140),F=n(29401),A=n(79423),D=n(73421),L=n(29235),B=n(45657),T=n(92812),z=n(1338),R=n(74114),M=n(41251),H=n(94837),j=n(26486),_=n(9434),V=n(95995),W=n(73335),G=n(28955),q=n(45455),U=n(93396),K=n(64504),X=n(17863),J=n(28356),Q=n(66264),Y=n(34946),$=n(64528),ee=n(67731),et=n(29243),en=n(20829),er=n(71311),el=n(1923);let ea=e=>r.createElement(W.I,{...e},r.createElement(l.Z,null)),eo=e=>r.createElement(W.I,{...e},r.createElement(a.Z,null)),ec=e=>r.createElement(W.I,{...e},r.createElement(o.Z,null)),ei=e=>r.createElement(W.I,{...e},r.createElement(c.Z,null)),eu=e=>r.createElement(W.I,{...e},r.createElement(i.Z,null)),es=e=>r.createElement(W.I,{...e},r.createElement(u.Z,null)),ed=e=>r.createElement(W.I,{...e},r.createElement(s.Z,null)),ef=e=>r.createElement(W.I,{...e},r.createElement(d.Z,null)),em=e=>r.createElement(W.I,{...e},r.createElement(f.Z,null)),eE=e=>r.createElement(W.I,{...e},r.createElement(m.Z,null)),eh=e=>r.createElement(W.I,{...e},r.createElement(E.Z,null)),ev=e=>r.createElement(W.I,{...e},r.createElement(h.Z,null)),eI=e=>r.createElement(W.I,{...e},r.createElement(v.Z,null)),ep=e=>r.createElement(W.I,{...e},r.createElement(I.Z,null)),eg=e=>r.createElement(W.I,{...e},r.createElement(p.Z,null)),eb=e=>r.createElement(W.I,{...e},r.createElement(g.Z,null)),ew=e=>r.createElement(W.I,{...e},r.createElement(b.Z,null)),eN=e=>r.createElement(W.I,{...e},r.createElement(w.Z,null)),eC=e=>r.createElement(W.I,{...e},r.createElement(N.Z,null)),ey=e=>r.createElement(W.I,{...e},r.createElement(C.Z,null)),eZ=e=>r.createElement(W.I,{...e},r.createElement(y.Z,null)),eS=e=>r.createElement(W.I,{...e},r.createElement(Z.Z,null)),ex=e=>r.createElement(W.I,{...e},r.createElement(S.Z,null)),eP=e=>r.createElement(W.I,{...e},r.createElement(x.Z,null)),ek=e=>r.createElement(W.I,{...e},r.createElement(P.Z,null)),eO=e=>r.createElement(W.I,{...e},r.createElement(k.Z,null)),eF=e=>r.createElement(W.I,{...e},r.createElement(O.Z,null)),eA=e=>r.createElement(W.I,{...e},r.createElement(F.Z,null)),eD=e=>r.createElement(W.I,{...e},r.createElement(A.Z,null)),eL=e=>r.createElement(W.I,{...e},r.createElement(D.Z,null)),eB=e=>r.createElement(W.I,{...e},r.createElement(L.Z,null)),eT=e=>r.createElement(W.I,{...e},r.createElement(B.Z,null)),ez=e=>r.createElement(W.I,{...e},r.createElement(T.Z,null)),eR=e=>r.createElement(W.I,{...e},r.createElement(z.Z,null)),eM=e=>r.createElement(W.I,{...e},r.createElement(R.Z,null)),eH=e=>r.createElement(W.I,{...e},r.createElement(M.Z,null)),ej=e=>r.createElement(W.I,{...e},r.createElement(H.Z,null)),e_=e=>r.createElement(W.I,{...e},r.createElement(j.Z,null)),eV=e=>r.createElement(W.I,{...e},r.createElement(_.Z,null)),eW=e=>r.createElement(W.I,{...e},r.createElement(V.Z,null)),eG=e=>r.createElement(W.I,{...e},r.createElement(o.Z,null)),eq=e=>r.createElement(W.I,{...e},'\n')},91711:function(e,t,n){n.d(t,{L:function(){return d}});var r=n(82317),l=n(82863),a=n(65324),o=n(74032);n(16677),n(63193);var c=n(80128),i=n(40638);let u={label:"flow--label"},s={"de-DE":{"label.optional":"(optional)"},"en-EN":{"label.optional":"(optional)"}},d=(0,i.f)("Label",e=>{let{children:t,className:n,optional:i,ref:d,unstyled:f=!1,...m}=e,E=(0,c.q)(s),h=f?n:(0,a.Z)(u.label,n),v=" "+E.format("label.optional");return r.createElement(o.C,null,r.createElement(l._,{...m,className:h,ref:d},t,i&&v))})},46423:function(e,t,n){n.d(t,{_:function(){return r.L}});var r=n(91711)},44104:function(e,t,n){n.r(t),n.d(t,{LayoutCard:function(){return c},default:function(){return c}});var r=n(82317),l=n(65324),a=n(40638);n(16677);var o=n(58712);let c=(0,a.f)("LayoutCard",e=>{let{children:t,className:n,elementType:a="div",ref:c,...i}=e,u=(0,l.Z)("flow--layout-card",n);return r.createElement(a,{className:u,...i,ref:c},r.createElement(o.P,{props:{Tabs:{className:"flow--layout-card--tabs"}}},t))})},56283:function(e,t,n){n.d(t,{L:function(){return d}});var r=n(82317),l=n(35430),a=n(74032),o=n(58712);n(16677);var c=n(65324),i=n(40638),u=n(55282);let s={link:"flow--link",inline:"flow--link--inline",icon:"flow--link--icon"},d=(0,i.f)("Link",e=>{var t;let{children:n,className:i,inline:d,linkComponent:f,unstyled:m=!1,"aria-current":E,ref:h,...v}=e,{linkComponent:I}=(0,r.useContext)(u.l),p=null!==(t=null!=f?f:I)&&void 0!==t?t:l.r,g=m?i:(0,c.Z)(s.link,d&&s.inline,i),b={Icon:{className:s.icon,size:"s"}};return r.createElement(a.C,null,r.createElement(p,{...v,"aria-current":E,className:g,ref:h},r.createElement(o.P,{props:b},n)))})},45854:function(e,t,n){n.r(t),n.d(t,{Link:function(){return r.L},default:function(){return r.L}});var r=n(56283)},70500:function(e,t,n){n.d(t,{L:function(){return o}});var r=n(82317);n(73335);var l=n(71311),a=n(65324);let o=e=>{let{className:t,...n}=e,o=(0,a.Z)("flow--loading-spinner",t);return r.createElement(l.I,{className:o,...n})}},23014:function(e,t,n){n.d(t,{KB:function(){return f},W_:function(){return d},ZP:function(){return d}});var r=n(82317),l=n(65324),a=n(66810),o=n(70811);n(16677);var c=n(58712),i=n(25894),u=n(44118),s=n(7469);let d=e=>{let{className:t,children:n,...i}=e,u=(0,l.Z)("flow--navigation",t),s=!!(0,a.d)(n,f);return r.createElement("nav",{className:u,role:"navigation",...i},r.createElement(c.P,{props:{Link:{render:(e,t)=>r.createElement("li",null,r.createElement(e,{...t,className:"flow--navigation--item",unstyled:!0})),Text:{className:"flow--navigation--text"},Icon:{className:"flow--navigation--icon"}}}},r.createElement(o.W,{if:!s},r.createElement("ul",null,n))))},f=e=>{let{children:t,className:n,collapsable:a,...o}=e,d=(0,l.Z)("flow--navigation--navigation-group",n),f=(0,r.useId)(),m={Label:{tunnelId:"Label",id:f,className:"flow--navigation--navigation-group--label","aria-hidden":!0}};return a?r.createElement(c.P,{mergeInParentContext:!0,props:m},r.createElement(i.NN,null,r.createElement(u.A,{defaultExpanded:!0,className:d},r.createElement(i.Rz,{id:"Label"}),r.createElement(s.C,{clearPropsContext:!1},r.createElement("ul",null,t))))):r.createElement(c.P,{mergeInParentContext:!0,props:m},r.createElement(i.NN,null,r.createElement("section",{"aria-labelledby":f,className:d,...o},r.createElement(c.P,{mergeInParentContext:!0,props:m},r.createElement(i.Rz,{id:"Label"}),r.createElement("ul",null,t)))))}},98122:function(e,t,n){n.r(t),n.d(t,{OffCanvas:function(){return s},default:function(){return s}});var r=n(82317),l=n(65324),a=n(99084);n(73335);var o=n(66264),c=n(56694),i=n(61243);n(38133),n(16677);var u=n(58712);let s=e=>{let{controller:t,children:n,className:s}=e,d=(0,l.Z)("flow--off-canvas",s);return r.createElement(i.O,{controller:t,className:d},r.createElement(c.A,{closeOverlay:!0},r.createElement(a.B,{variant:"plain",size:"s",color:"secondary",className:"flow--off-canvas--close-button"},r.createElement(o.I,null))),r.createElement(u.P,{props:{Heading:{slot:"title"}}},n))}},61243:function(e,t,n){n.d(t,{O:function(){return i}});var r=n(59905),l=n(74845),a=n(82317),o=n(65324),c=n(38133);let i=e=>{let{controller:t,children:n,className:i}=e,u=(0,c.u)({reuseControllerFromContext:!0}),s=null!=t?t:u,d=s.useIsOpen(),f=(0,o.Z)("flow--overlay",i);return a.createElement(r.ZA,{className:f,isDismissable:!0,isOpen:d,onOpenChange:e=>s.setOpen(e)},a.createElement(r.u_,null,a.createElement(l.Vq,null,a.createElement(c.a,{value:s},n))))}},90783:function(e,t,n){n.r(t),n.d(t,{OverlayTrigger:function(){return c},default:function(){return c}});var r=n(82317),l=n(38133),a=n(56694);n(16677);var o=n(58712);let c=e=>{let t=(0,l.u)();return r.createElement(l.a,{value:t},r.createElement(o.P,{props:{Button:{render:(e,n)=>r.createElement(a.A,{openOverlay:t},r.createElement(e,{...n}))}}},e.children))}},58712:function(e,t,n){n.d(t,{P:function(){return s},m:function(){return u}});var r=n(82317),l=n(16677),a=n(62840),o=n(59860),c=n(63193);let i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(){for(var t=arguments.length,n=Array(t),r=0;r0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.fromEntries(Object.keys({...e,...t}).map(n=>[n,i(e[n],t[n])]))},s=e=>{let{props:t,dependencies:n=[],mergeInParentContext:a=!1,children:o,...c}=e,i=(0,l.u)(),s=(0,r.useMemo)(()=>t,n),d=(0,r.useMemo)(()=>a?u(i,t):t,[s,i,a]),f=(0,r.isValidElement)(o)?{...c,...o.props}:c,m=[o,...Object.entries(f).flatMap(e=>e)],E=(0,r.useMemo)(()=>(0,r.isValidElement)(o)?(0,r.cloneElement)(o,f):o,m);return r.createElement(l.p.Provider,{value:d},E)}},12501:function(e,t,n){n.r(t),n.d(t,{Section:function(){return c},default:function(){return c}});var r=n(82317),l=n(65324);n(16677);var a=n(58712);let o={section:"flow--section",header:"flow--section--header",switch:"flow--section--switch",statusBadge:"flow--section--status-badge"},c=e=>{let{children:t,className:n,...c}=e;if(!t)return null;let i=(0,l.Z)(o.section,n),u={Heading:{level:2},Header:{className:o.header,Switch:{className:o.switch,labelPosition:"leading"},StatusBadge:{className:o.statusBadge}}};return r.createElement("section",{...c,className:i},r.createElement(a.P,{props:u},t))}},45582:function(e,t,n){n.r(t),n.d(t,{StatusBadge:function(){return s},default:function(){return s}});var r=n(82317),l=n(65324),a=n(43329),o=n(30303),c=n(74032);n(16677),n(63193);var i=n(40638);let u={statusBadge:"flow--status-badge",text:"flow--status-badge--text",info:"flow--status-badge--info",success:"flow--status-badge--success",warning:"flow--status-badge--warning",danger:"flow--status-badge--danger"},s=(0,i.f)("StatusBadge",e=>{let{children:t,className:n,status:i="info",ref:s,...d}=e,f=(0,l.Z)(u.statusBadge,u[i],n);return r.createElement(c.C,null,r.createElement("div",{className:f,...d,ref:s},r.createElement(a.S,{size:"s",className:u.statusIcon,status:i}),r.createElement(o.T,{className:u.text},t)))})},43329:function(e,t,n){n.d(t,{S:function(){return f}});var r=n(82317);n(73335);var l=n(67731),a=n(20829),o=n(80128),c=n(74032);n(16677),n(63193);var i=n(65324);let u={"de-DE":{"statusIcon.danger":"Status Fehler","statusIcon.info":"Status Information","statusIcon.success":"Status Erfolg","statusIcon.warning":"Status Warnung"},"en-EN":{"statusIcon.danger":"Status error","statusIcon.info":"Status information","statusIcon.success":"Status success","statusIcon.warning":"Status warning"}},s={info:"flow--status-icon--info",statusIcon:"flow--status-icon",warning:"flow--status-icon--warning",danger:"flow--status-icon--danger",success:"flow--status-icon--success"},d={danger:l.I,info:a.I,success:a.a,warning:a.b},f=e=>{let{status:t="info",className:n,...l}=e,a=(0,i.Z)("flow--status-icon",s[t],n),f=(0,o.q)(u),m=d[t],E={className:a,"aria-label":f.format("statusIcon.".concat(t)),...l};return r.createElement(c.C,null,r.createElement(m,{...E}))}},30303:function(e,t,n){n.d(t,{T:function(){return d}});var r=n(82317),l=n(93587),a=n(74032),o=n(58712);n(16677);var c=n(53492),i=n(40638),u=n(41617),s=n(70811);let d=(0,i.f)("Text",e=>{let{children:t,className:n,elementType:i="span",emulateBoldWidth:d,ref:f,...m}=e,E={...m,className:n},h=r.createElement(o.P,{props:{Link:{inline:!0}}},r.createElement(s.W,{if:d},r.createElement(u.E,null,t)));return e.slot?(c("string"==typeof i,"'elementType' in Text component must be of type string"),r.createElement(a.C,null,r.createElement(l.x,{...E,elementType:i,ref:f},h))):r.createElement(i,{...E,ref:f},h)})},70811:function(e,t,n){n.d(t,{W:function(){return r}});let r=e=>{let{if:t,children:n}=e;return t?n:n.props.children}},55282:function(e,t,n){n.d(t,{L:function(){return l},l:function(){return r}});let r=(0,n(82317).createContext)({}),l=r.Provider},95359:function(e,t,n){n.d(t,{A:function(){return o},u:function(){return a}});var r=n(82317);let l=(0,r.createContext)(void 0),a=()=>(0,r.useContext)(l),o=l.Provider},66810:function(e,t,n){n.d(t,{a:function(){return i},d:function(){return c}});var r=n(82317),l=n(92807),a=n(41439);let o=(e,t)=>!!(0,r.isValidElement)(e)&&("string"==typeof t?"string"==typeof e.type&&e.type===t:e.type===t),c=(e,t)=>(0,l.Z)(e,e=>o(e,t)),i=(e,t)=>{let n=[];return(0,a.Z)(e,e=>{o(e,t)&&n.push(e)}),n}},69033:function(e,t,n){n.d(t,{d:function(){return r}});let r=e=>({__dynamicProp:e})},40638:function(e,t,n){n.d(t,{f:function(){return function e(t,n){return(0,r.forwardRef)((c,i)=>{let{render:u,tunnelId:s,...d}=(0,a.u)(t,c),f={...d,ref:i},m=r.createElement(n,{...f});if(u){let a=e(t,n);m=r.createElement(l.C,null,u(a,f))}return s&&(m=r.createElement(o.fk,{id:s},m)),m})}}});var r=n(82317),l=n(74032);n(16677),n(63193);var a=n(73062),o=n(25894)},38133:function(e,t,n){n.d(t,{O:function(){return u},a:function(){return d},u:function(){return f}});var r=n(16219),l=n(82317),a=n(60),o=Object.defineProperty,c=(e,t,n)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,i=(e,t,n)=>(c(e,"symbol"!=typeof t?t+"":t,n),n);class u{static useNew(e){return(0,l.useState)(new u(e))[0]}open(){this.isOpen=!0}close(){this.isOpen=!1}toggle(){this.isOpen=!this.isOpen}setOpen(e){this.isOpen=e}useIsOpen(){return(0,a.u)(()=>this.isOpen)}constructor(e=!1){i(this,"isOpen"),(0,r.rC)(this,{isOpen:r.LO,open:r.aD.bound,close:r.aD.bound,toggle:r.aD.bound,setOpen:r.aD.bound}),this.isOpen=e}}let s=(0,l.createContext)(void 0),d=s.Provider,f=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{reuseControllerFromContext:t=!0,defaultOpen:n}=e,r=u.useNew(n),a=(0,l.useContext)(s);return t&&a?a:r}},93667:function(e,t,n){n.r(t),n.d(t,{Link:function(){return o},LinkProvider:function(){return c}});var r=n(82317),l=n(20488),a=n(55282);let o=(0,r.forwardRef)(function(e,t){var n;return r.createElement(l.default,{href:null!==(n=e.href)&&void 0!==n?n:"#",...e,ref:t})}),c=e=>r.createElement(a.L,{value:{linkComponent:o}},e.children)},16677:function(e,t,n){n.d(t,{p:function(){return l},u:function(){return a}});var r=n(82317);let l=(0,r.createContext)({}),a=()=>(0,r.useContext)(l)},73062:function(e,t,n){n.d(t,{u:function(){return E}});var r=n(62840),l=n(16677),a=n(82317),o=n(40648),c=n(47422),i=n(58712);let u=["Action","Avatar","Button","ButtonGroup","Checkbox","CheckboxButton","CheckboxGroup","Content","ContextMenu","CopyButton","FieldDescription","FieldError","Header","Heading","Icon","Image","Initials","InlineAlert","Label","LayoutCard","Link","MenuItem","Modal","NumberField","Radio","Option","RadioButton","RadioGroup","StatusBadge","Select","Switch","Tabs","TestComponent","Text","TextArea","TextField"];function s(e){return"string"==typeof e&&u.includes(e)}let d=(e,t)=>{let n={};for(let r in e)if(!s(r)){let l=e[r];l&&"object"==typeof l&&"__dynamicProp"in l&&(n[r]=l.__dynamicProp(t))}return n},f=e=>(0,o.D)(e,(e,t)=>s(t)),m=(e,t)=>{if(!(t&&"object"==typeof t&&"children"in t&&t.children))return{};let n=t.children;if(!Array.isArray(n)&&!(0,a.isValidElement)(n))return{};let r=f(e);return 0===Object.keys(r).length?{}:{children:a.createElement(i.P,{props:r,mergeInParentContext:!0},t.children)}},E=(e,t)=>{let n=(0,l.u)()[e],a=n?d(n,t):void 0,o=n?m(n,t):void 0;return(0,r.d)(n&&(0,c.C)(n,u),t,a,o)}},60:function(e,t,n){n.d(t,{u:function(){return a}});var r=n(16219),l=n(82317);let a=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],[n,a]=(0,l.useState)(e());return(0,l.useEffect)(()=>(0,r.EH)(()=>{a(e())}),t),n}},25894:function(e,t,n){n.d(t,{NN:function(){return f},Rz:function(){return h},fk:function(){return m}});var r=n(82317),l=n(16219),a=n(50270),o=Object.defineProperty,c=(e,t,n)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,i=(e,t,n)=>(c(e,"symbol"!=typeof t?t+"":t,n),n);let u="default";class s{static useNew(){return(0,r.useState)(new s)[0]}setChildren(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:u,n=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,a=null!==(e=this.children.get(t))&&void 0!==e?e:l.LO.map({},{deep:!1});a.set(n,r),this.children.set(t,a)}deleteChildren(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:u,n=arguments.length>1?arguments[1]:void 0;null==(e=this.children.get(t))||e.delete(n)}getChildren(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:u,n=null==(e=this.children.get(t))?void 0:e.entries();if(n)return Array.from(n)}constructor(){i(this,"children",l.LO.map({},{deep:!1})),(0,l.rC)(this,{deleteChildren:l.aD.bound,setChildren:l.aD.bound})}}let d=(0,r.createContext)(new s),f=e=>{let{children:t}=e;return r.createElement(d.Provider,{value:s.useNew()},t)},m=e=>{let{children:t,id:n}=e,l=(0,r.useContext)(d),a=(0,r.useId)(),o=(0,r.useRef)(!1);return o.current||l.setChildren(n,a,t),(0,r.useLayoutEffect)(()=>(o.current=!0,l.setChildren(n,a,t),()=>{l.deleteChildren(n,a)}),[t,n,a]),null},E=e=>{let{children:t}=e;return"function"==typeof t?t():t},h=(0,a.Pi)(e=>{let{children:t,id:n}=e,l=(0,r.useContext)(d).getChildren(n);return l?l.map(e=>{let[t,n]=e;return r.createElement(E,{key:t},n)}):t})}}]); \ No newline at end of file diff --git a/docs/302-accordion-component/_next/static/chunks/app/[...slug]/page-07ae505c6ab5f806.js b/docs/302-accordion-component/_next/static/chunks/app/[...slug]/page-07ae505c6ab5f806.js new file mode 100644 index 0000000000..a3ecfcd21b --- /dev/null +++ b/docs/302-accordion-component/_next/static/chunks/app/[...slug]/page-07ae505c6ab5f806.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[877],{66959:function(e,t,a){Promise.resolve().then(a.bind(a,1013)),Promise.resolve().then(a.bind(a,19018)),Promise.resolve().then(a.bind(a,85861)),Promise.resolve().then(a.bind(a,44104)),Promise.resolve().then(a.bind(a,45854)),Promise.resolve().then(a.bind(a,12501)),Promise.resolve().then(a.bind(a,8252)),Promise.resolve().then(a.bind(a,52243))},52243:function(e,t,a){"use strict";a.r(t),a.d(t,{MdxFileView:function(){return aI},default:function(){return aC}});var n,l={};a.r(l),a.d(l,{Column:function(){return au},Row:function(){return ac}});var o=a(37506),r=a(30042),s=a(82317),i=a(61762),c=a(65324),m=a(70569),d=a(56694);a(16677);var u=a(58712),f=a(25894),p=a(28526),h=a(61243);a(38133),a(95359);let w={modal:"flow--modal","modal-zoom":"flow--modal--modal-zoom",buttonGroup:"flow--modal--button-group",content:"flow--modal--content","size-s":"flow--modal--size-s","size-m":"flow--modal--size-m","size-l":"flow--modal--size-l",offCanvas:"flow--modal--off-canvas","modal-slide-in":"flow--modal--modal-slide-in","modal-slide-up":"flow--modal--modal-slide-up"},g=(0,p.f)("Modal",e=>{let{size:t="s",offCanvas:a,controller:n,children:l,...o}=e,r=(0,c.Z)(w.modal,w["size-".concat(t)],a&&w.offCanvas),i={Content:{elementType:s.Fragment},Heading:{level:2,slot:"title"},ButtonGroup:{className:w.buttonGroup,tunnelId:"buttons"}};return s.createElement(h.O,{className:r,controller:n,...o},s.createElement(u.P,{props:i},s.createElement(f.NN,null,s.createElement("div",{className:w.content},l),s.createElement(f.Rz,{id:"buttons"}))))});var b=a(19018),E=a(34510),v=a(74032),I=a(69033);let C={buttonGroupContainer:"flow--button-group--button-group-container",buttonGroup:"flow--button-group",button:"flow--button-group--button",secondary:"flow--button-group--secondary"},N=(0,p.f)("ButtonGroup",e=>{let{children:t,className:a,...n}=e,l=(0,c.Z)(C.buttonGroupContainer,a),o={Button:{className:(0,I.d)(e=>(0,c.Z)(C.button,"secondary"===e.color?C.secondary:void 0))}};return s.createElement(v.C,null,s.createElement("div",{...n,className:l},s.createElement("div",{className:C.buttonGroup,role:"group"},s.createElement(u.P,{props:o},t))))});var S=a(85861),y=a(85195),x=a(58652),T=a(75466),F=a(43205),k=a(10631),L=a(23726),B=a(45650),z=a(24380),P=a(80128),D=a(65640),M=a(6788);let R=e=>{let{children:t,className:a,...n}=e,l=(0,c.Z)("flow--tooltip",a);return s.createElement(D.u,{...n,className:l},s.createElement(M.Q,{className:"flow--tooltip--arrow"},s.createElement("svg",{viewBox:"0 0 8 8"},s.createElement("path",{d:"M0 0 L4 4 L8 0"}))),t)},_=e=>{let{children:t,...a}=e;return s.createElement(D.aJ,{...a},t)};var A=a(22043),V=a(63193);let Z={"de-DE":{"copyButton.copy":"Kopieren"},"en-EN":{"copyButton.copy":"Copy"}},j=(0,p.f)("CopyButton",e=>{let{text:t,ref:a,...n}=e,l=(0,P.q)(Z).format("copyButton.copy");return s.createElement(v.C,null,s.createElement(_,null,s.createElement(d.A,{action:()=>{k((0,A.Z)(t))},showFeedback:!0},s.createElement(L.B,{"aria-label":l,...n,ref:a},s.createElement(z.I,null))),s.createElement(R,null,l)))});var O=a(29889),G=a(62311),H=a(41439);let K={avatar:"flow--avatar",icon:"flow--avatar--icon",initials:"flow--avatar--initials","size-m":"flow--avatar--size-m","size-xs":"flow--avatar--size-xs","size-s":"flow--avatar--size-s","size-l":"flow--avatar--size-l","variant-1":"flow--avatar--variant-1","variant-2":"flow--avatar--variant-2","variant-3":"flow--avatar--variant-3","variant-4":"flow--avatar--variant-4"},U=e=>{let t=[];return(0,H.Z)(e,e=>{(0,s.isValidElement)(e)?t.push({props:e.props,type:e.type}):t.push(e)}),Math.abs((0,G.v)(t)%4)+1},J=e=>e.replace(RegExp("[^\\p{L}\\s]","giu"),"").split(" ").map(e=>e.trim()[0]).filter(e=>void 0!==e).map(e=>e.toUpperCase()).slice(0,2),q=(0,p.f)("Initials",e=>{let{children:t,className:a,ref:n}=e,l=(0,A.Z)(t),o=J(l),r=(0,c.Z)("flow--initials",a),i=o.map((e,t)=>s.createElement("span",{key:t},e));return s.createElement(v.C,null,s.createElement("div",{"aria-label":l,className:r,ref:n},i))}),W=(0,p.f)("Image",e=>{let{ref:t,...a}=e;return s.createElement(v.C,null,s.createElement("img",{...a,ref:t}))});var X=a(46423);let Q={labeledValue:"flow--labeled-value",button:"flow--labeled-value--button",label:"flow--labeled-value--label"};var Y=a(1013),$=a(85403);let ee={illustratedMessageContainer:"flow--illustrated-message--illustrated-message-container",illustratedMessage:"flow--illustrated-message",icon:"flow--illustrated-message--icon",heading:"flow--illustrated-message--heading",text:"flow--illustrated-message--text",button:"flow--illustrated-message--button",negative:"flow--illustrated-message--negative"},et=e=>{let{children:t,className:a,...n}=e,l=(0,c.Z)("flow--inline-code",a);return s.createElement(v.C,null,s.createElement("code",{...n,className:l},t))};var ea=a(45854),en=a(24818),el=a(9084),eo=a(91916);let er={checkbox:"flow--checkbox",icon:"flow--checkbox--icon"},es=(0,p.f)("Checkbox",e=>{let{children:t,className:a,ref:n,...l}=e,o=(0,c.Z)(er.checkbox,a);return s.createElement(v.C,null,s.createElement(en.XZ,{...l,className:o,ref:n},e=>{let{isSelected:a,isIndeterminate:n}=e;return s.createElement(s.Fragment,null,a?s.createElement(el.I,{className:er.icon}):n?s.createElement(eo.I,{className:er.icon}):s.createElement(el.a,{className:er.icon}),t)}))}),ei=(0,p.f)("CheckboxButton",e=>{let{children:t,className:a,...n}=e,l=(0,c.Z)("flow--checkbox-button",a);return s.createElement(v.C,null,s.createElement(es,{...n,className:l},s.createElement(u.P,{props:{Text:{className:"flow--checkbox-button--label"},Content:{className:"flow--checkbox-button--content"}}},t)))});var ec=a(22834),em=a(90729);let ed=(0,p.f)("FieldError",e=>{let{children:t,className:a,ref:n,...l}=e,o=(0,c.Z)("flow--field-error",a);return s.createElement(v.C,null,s.createElement(ec.c,{...l,className:o,ref:n},e=>{let{validationErrors:a}=e;return s.createElement(s.Fragment,null,s.createElement(em.I,{size:"s"}),s.createElement("span",null,t||a.join(" ")))}))}),eu={formField:"flow--form-field",label:"flow--form-field--label",fieldError:"flow--form-field--field-error",customFieldError:"flow--form-field--custom-field-error",fieldDescription:"flow--form-field--field-description"};var ef=a(82086),ep=a(66810);let eh={checkboxGroup:"flow--checkbox-group"},ew=(0,p.f)("CheckboxGroup",e=>{let{children:t,className:a,s:n,m:l,l:o,ref:r,...i}=e,m=(0,c.Z)(eu.formField,a),d={Label:{className:eu.label},FieldDescription:{className:eu.fieldDescription,tunnelId:"fieldDescription"},FieldError:{className:eu.customFieldError,tunnelId:"fieldError"},Checkbox:{tunnelId:"checkboxes"},CheckboxButton:{tunnelId:"checkboxes"}},p=!!(0,ep.d)(t,ei);return s.createElement(en.cO,{...i,className:m},s.createElement(u.P,{props:d},s.createElement(f.NN,null,t,p&&s.createElement(ef.C,{s:n,m:l,l:o,className:eh.checkboxGroup},s.createElement(f.Rz,{id:"checkboxes"})),!p&&s.createElement("div",{className:eh.checkboxGroup},s.createElement(f.Rz,{id:"checkboxes"})),s.createElement(f.Rz,{id:"fieldDescription"}),s.createElement(f.Rz,{id:"fieldError"}))),s.createElement(ed,{className:eu.fieldError}))});var eg=a(24722),eb=a(99444),eE=a(45734),ev=a(89478),eI=a(85892);let eC={group:"flow--number-field--group",input:"flow--number-field--input",decrementButton:"flow--number-field--decrement-button",incrementButton:"flow--number-field--increment-button",coarsePointerIcon:"flow--number-field--coarse-pointer-icon"},eN=(0,p.f)("NumberField",e=>{let{children:t,className:a,ref:n,onChange:l,...o}=e,r=(0,c.Z)(eu.formField,a),i={Label:{className:eu.label,optional:!e.isRequired},FieldDescription:{className:eu.fieldDescription},FieldError:{className:eu.customFieldError}};return s.createElement(v.C,null,s.createElement(eg.Ki,{...o,className:r,onChange:e=>{setTimeout(()=>{l&&l(e)},150)}},s.createElement(eb.Z,{className:eC.group},s.createElement(L.B,{slot:"decrement",className:eC.decrementButton,size:"s",variant:"plain",color:"secondary"},s.createElement(ev.I,null),s.createElement(eI.I,{className:eC.coarsePointerIcon})),s.createElement(eE.I,{className:eC.input,ref:n}),s.createElement(L.B,{slot:"increment",className:eC.incrementButton,size:"s",variant:"plain",color:"secondary"},s.createElement(eI.a,null),s.createElement(eI.b,{className:eC.coarsePointerIcon}))),s.createElement(u.P,{props:i},t),s.createElement(ed,{className:eu.fieldError})))}),eS=(0,p.f)("FieldDescription",e=>{let{children:t,className:a,ref:n,...l}=e,o=(0,c.Z)("flow--field-description",a);return s.createElement(v.C,null,s.createElement(y.T,{slot:"description",...l,className:o,ref:n},t))});var ey=a(47641),ex=a(87167),eT=a(40852);let eF={radioGroup:"flow--radio-group",segmentedGroup:"flow--radio-group--segmented-group",segments:"flow--radio-group--segments",segment:"flow--radio-group--segment",checkmark:"flow--radio-group--checkmark"},ek=(0,p.f)("RadioButton",e=>{let{children:t,className:a,ref:n,...l}=e,o=(0,c.Z)("flow--radio-group--radio-button",a);return s.createElement(v.C,null,s.createElement(ez,{...l,className:o,ref:n},s.createElement(u.P,{props:{Text:{className:"flow--radio-group--radio-button--label"},Content:{className:"flow--radio-group--radio-button--content"}}},t)))}),eL=(0,p.f)("RadioGroup",e=>{let{children:t,className:a,variant:n="default",s:l,m:o,l:r,...i}=e,m=(0,c.Z)(eu.formField,a),d={Label:{className:eu.label},FieldDescription:{className:eu.fieldDescription,tunnelId:"fieldDescription"},FieldError:{className:eu.customFieldError,tunnelId:"fieldError"},RadioButton:{tunnelId:"radios"},Radio:{tunnelId:"radios"}};"segmented"===n&&(d=(0,u.m)(d,{Radio:{className:eF.segment,unstyled:!0,children:(0,I.d)(e=>s.createElement(s.Fragment,null,e.children,s.createElement(eT.I,{className:eF.checkmark})))}}));let p=!!(0,ep.d)(t,ek);return"segmented"===n&&p&&console.warn(" is not supported in 'segmented' variant of "),s.createElement(ey.Ee,{...i,className:m},s.createElement(f.NN,null,s.createElement(u.P,{props:d,dependencies:[n]},t,"segmented"===n&&s.createElement("div",{className:eF.segmentedGroup},s.createElement("div",{className:eF.segments},s.createElement(f.Rz,{id:"radios"}))),"default"===n&&p&&s.createElement(ef.C,{s:l,m:o,l:r,className:eF.radioGroup},s.createElement(f.Rz,{id:"radios"})),"default"===n&&!p&&s.createElement("div",{className:eF.radioGroup},s.createElement(f.Rz,{id:"radios"})),s.createElement(f.Rz,{id:"fieldDescription"}),s.createElement(f.Rz,{id:"fieldError"}))),s.createElement(ed,{className:eu.fieldError}))}),eB={radio:"flow--radio-group--radio",icon:"flow--radio-group--radio--icon"},ez=(0,p.f)("Radio",e=>{let{children:t,className:a,unstyled:n=!1,ref:l,...o}=e,r=n?a:(0,c.Z)(eB.radio,a);return s.createElement(v.C,null,s.createElement(ey.Y8,{...o,className:r,ref:l},e=>{let{isSelected:a}=e;return s.createElement(s.Fragment,null,a?!n&&s.createElement(ex.I,{className:eB.icon}):!n&&s.createElement(ex.a,{className:eB.icon}),t)}))});var eP=a(14560),eD=a(33254),eM=a(85109),eR=a(74711);let e_=e=>{let{className:t,children:a,...n}=e,l=(0,c.Z)("flow--select--options",t);return s.createElement(eR.P,{className:"flow--select--options--popover"},s.createElement(eP.wb,{className:l,...n},a))},eA=(0,p.f)("Select",e=>{let{children:t,className:a,onChange:n=()=>{},onSelectionChange:l=()=>{},ref:o,...r}=e,i=(0,c.Z)("flow--select",eu.formField,a),m={Label:{className:eu.label,optional:!e.isRequired},FieldDescription:{className:eu.fieldDescription},FieldError:{className:eu.customFieldError},Option:{tunnelId:"options"}};return s.createElement(eD.Ph,{...r,className:i,ref:o,onSelectionChange:e=>{n(String(e)),l(e)}},s.createElement(u.P,{props:m},s.createElement(f.NN,null,s.createElement(eM.z,{className:"flow--select--toggle"},s.createElement(eD.ki,null),s.createElement(ev.I,null)),t,s.createElement(e_,null,s.createElement(f.Rz,{id:"options"})),s.createElement(ed,{className:eu.fieldError}))))}),eV=(0,p.f)("Option",e=>{let{className:t,children:a,value:n,ref:l,...o}=e,r=(0,c.Z)("flow--select--option",t);return s.createElement(eP.m9,{className:r,ref:l,...o,id:n},a)});var eZ=a(84771),ej=a(92423),eO=a(69111);let eG={switch:"flow--switch","label-leading":"flow--switch--label-leading",track:"flow--switch--track",handle:"flow--switch--handle",label:"flow--switch--label"},eH=(0,p.f)("Switch",e=>{let{children:t,className:a,labelPosition:n="trailing",ref:l,...o}=e,r=(0,c.Z)("flow--switch",eG["label-".concat(n)],a);return s.createElement(v.C,null,s.createElement(eZ.r,{...o,className:r,ref:l},e=>{let{isSelected:a}=e;return s.createElement(s.Fragment,null,s.createElement("div",{className:"flow--switch--track"},s.createElement("div",{className:"flow--switch--handle"},a?s.createElement(eT.I,{size:"s"}):s.createElement(ej.I,{size:"s"}))),s.createElement(eO.L,{className:"flow--switch--label"},t))}))});var eK=a(41979),eU=a(4703);let eJ=(0,s.forwardRef)((e,t)=>{let{children:a,className:n,input:l,...o}=e,r=(0,c.Z)(eu.formField,n),i={Label:{className:eu.label,optional:!e.isRequired},FieldDescription:{className:eu.fieldDescription},FieldError:{className:eu.customFieldError}};return s.createElement(v.C,null,s.createElement(eU.n,{...o,className:r},l,s.createElement(u.P,{props:i},a),s.createElement(ed,{className:eu.fieldError})))}),eq=(0,p.f)("TextArea",e=>{let{children:t,placeholder:a,rows:n=5,ref:l,...o}=e,r=s.createElement(eK.K,{rows:n,placeholder:a,className:"flow--text-area",ref:l});return s.createElement(v.C,null,s.createElement(eJ,{...o,input:r},t))}),eW=(0,p.f)("TextField",e=>{let{children:t,placeholder:a,ref:n,...l}=e,o=s.createElement(eE.I,{placeholder:a,className:"flow--text-field",ref:n});return s.createElement(v.C,null,s.createElement(eJ,{...l,input:o},t))});var eX=a(18308),eQ=a(68933);let eY={breadcrumb:"flow--breadcrumb",link:"flow--breadcrumb--link",breadcrumbItem:"flow--breadcrumb--breadcrumb-item",icon:"flow--breadcrumb--icon",inverse:"flow--breadcrumb--inverse"},e$=e=>{let{children:t}=e,a=(0,c.Z)(eY.breadcrumbItem);return s.createElement(eX.aG,{className:a},t,s.createElement(eQ.I,{size:"s",className:eY.icon}))};var e0=a(6835),e2=a(23014),e1=a(8252),e4=a(12501);let e5=(0,p.f)("Header",e=>{let{children:t,ref:a,elementType:n="header",...l}=e;return s.createElement(n,{...l,ref:a},t)});var e8=a(16334);let e6={inlineAlert:"flow--inline-alert",statusIcon:"flow--inline-alert--status-icon",heading:"flow--inline-alert--heading",content:"flow--inline-alert--content",info:"flow--inline-alert--info",warning:"flow--inline-alert--warning",danger:"flow--inline-alert--danger",success:"flow--inline-alert--success"},e3=(0,p.f)("InlineAlert",e=>{let{children:t,className:a,status:n="info",ref:l,...o}=e,r=(0,c.Z)("flow--inline-alert",e6[n],a);return s.createElement(v.C,null,s.createElement("aside",{...o,className:r,ref:l},s.createElement(e8.S,{className:"flow--inline-alert--status-icon",status:n}),s.createElement(u.P,{props:{Heading:{className:"flow--inline-alert--heading",level:3},Content:{className:"flow--inline-alert--content",Button:{size:"s"}}}},t)))});var e7=a(90783),e9=a(98122),te=a(52435),tt=a(42603),ta=a(87704);let tn={progressBar:"flow--progress-bar",label:"flow--progress-bar--label",value:"flow--progress-bar--value",bar:"flow--progress-bar--bar",fill:"flow--progress-bar--fill","size-s":"flow--progress-bar--size-s",info:"flow--progress-bar--info",success:"flow--progress-bar--success",danger:"flow--progress-bar--danger",warning:"flow--progress-bar--warning"};var tl=a(45582),to=a(59567),tr=a(44104),ts=a(10816),ti=a(89165),tc=a(88888),tm=a(53492),td=a(50270),tu=a(16219),tf=a(99227),tp=a(1576),th=a(60),tw=a(70811),tg=a(42023),tb=a(37598);function tE(e){return null}var tv=Object.defineProperty,tI=(e,t,a)=>t in e?tv(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,tC=(e,t,a)=>(tI(e,"symbol"!=typeof t?t+"":t,a),a);let tN=(0,s.createContext)({}),tS=()=>(0,s.useContext)(tN).list,ty=e=>s.createElement(s.Fragment,null,e.children()),tx=()=>tS().loader.getLoaderInvocationHooks().map((e,t)=>s.createElement(ty,{key:t},()=>{e()})),tT=e=>{let{sorting:t}=e;return s.createElement(T.M,{id:t.getTableColumn().id},t.name)},tF={"de-DE":{options:"Optionen",paginationInfo:"{visibleItemsCount} von insgesamt {totalItemsCount} angezeigt",paginationInfoFiltered:"{visibleItemsCount} von insgesamt {filteredItemsCount} (gefiltert aus {totalItemsCount}) angezeigt",resetAll:"Alles zur\xfccksetzen",setSorting:"Sortierung: {property}",showMore:"Mehr anzeigen",sorting:"Sortierung"},"en-EN":{options:"Options",paginationInfo:"Showing {visibleItemsCount} of {totalItemsCount}",paginationInfoFiltered:"Showing {visibleItemsCount} of {filteredItemsCount} (unfiltered total count {totalItemsCount})",resetAll:"Reset filters",setSorting:"Sorting: {property}",showMore:"Show more",sorting:"Sorting"}},tk=e=>{let{children:t,locales:a,variables:n}=e;return(0,ts.h)(a)(t,n)},tL=()=>{var e;let t=tS(),a=t.sorting.map(e=>s.createElement(tT,{sorting:e,key:e.getTableColumn().id}));if(0===t.sorting.length)return null;let n=t.sorting.find(e=>e.isSorted()),l=s.createElement(y.T,null,n?s.createElement(tk,{locales:tF,variables:{property:null!==(e=n.name)&&void 0!==e?e:n.property}},"setSorting"):s.createElement(tk,{locales:tF},"sorting"));return s.createElement(F.bF,null,s.createElement(L.B,{variant:"soft",size:"s",color:"secondary"},l,s.createElement(ev.I,null)),s.createElement(x.C,{selectionMode:"single",selectedKeys:n?[n.property]:[],onAction:e=>{t.getSorting(String(e)).enable()}},a))},tB=e=>{var t;let{filter:a}=e,n=a.values.map(e=>s.createElement(T.M,{key:a.getValueId(e),id:String(e)},String(e))),l=a.values.filter(e=>a.isValueActive(e)).map(e=>String(e));return s.createElement(F.bF,null,s.createElement(L.B,{variant:"soft",size:"s",color:"secondary"},s.createElement(y.T,null,null!==(t=a.name)&&void 0!==t?t:a.property),s.createElement(ev.I,null)),s.createElement(x.C,{onAction:e=>{a.toggleValue(e)},selectionMode:"multiple",selectedKeys:l},n))},tz={activeFilters:"flow--list--header--active-filters",clearButton:"flow--list--header--clear-button"},tP=()=>{let e=tS(),t=e.filters.flatMap(e=>e.values.filter(t=>e.isValueActive(t)).map(t=>s.createElement(L.B,{variant:"soft",size:"s",key:String(t),onPress:()=>e.deactivateValue(t)},s.createElement(y.T,null,String(t)),s.createElement(ej.I,null))));return t.length<=0?null:s.createElement("div",{className:tz.activeFilters},t,s.createElement(L.B,{className:tz.clearButton,size:"s",variant:"plain",onPress:()=>e.clearFilters()},s.createElement(tk,{locales:tF},"resetAll")))},tD=e=>{let{className:t}=e,a=tS().filters.map(e=>s.createElement(tB,{key:e.property,filter:e}));return s.createElement("div",{className:(0,c.Z)(t,"flow--list--header")},s.createElement("div",{className:"flow--list--header--picker-list"},s.createElement(tL,null),a),s.createElement(tP,null))},tM=(n=class{render(){var e;return(null!==(e=this.collection.list.render)&&void 0!==e?e:n.fallbackRenderItemFn)(this.data)}static fromRow(e,t){return new n(e,t.id,t.original)}constructor(e,t,a){tC(this,"id"),tC(this,"data"),tC(this,"collection"),this.collection=e,this.id=t,this.data=a}},tC(n,"fallbackRenderItemFn",e=>(0,s.createElement)("pre",void 0,JSON.stringify(e))),n);class tR{static useNew(e){return new tR(e)}get entries(){return this.list.reactTable.table.getRowModel().rows.map(e=>tM.fromRow(this,e))}constructor(e){tC(this,"list"),this.list=e}}class t_{get reactTable(){return this.list.reactTable.table}getBatchIndex(){return this.reactTable.getState().pagination.pageIndex}hasNextBatch(){return this.reactTable.getCanNextPage()}getTotalItemsCount(){return this.reactTable.getRowCount()}getFilteredItemsCount(){return this.reactTable.getFilteredRowModel().rows.length}getVisibleItemsCount(){return this.reactTable.getRowModel().rows.length}updateItemTotalCount(e){this.reactTable.setOptions(t=>({...t,rowCount:e}))}reset(){this.updateItemTotalCount(0),this.reactTable.setPagination(()=>({pageIndex:0,pageSize:this.batchSize}))}nextBatch(){if(this.list.loader.manualPagination)this.reactTable.nextPage();else{let e=this.reactTable.getState().pagination.pageSize+this.batchSize;this.reactTable.setPagination(t=>({...t,pageSize:e}))}}constructor(e,t={}){tC(this,"batchSize"),tC(this,"list");let{batchSize:a=20}=t;this.list=e,this.batchSize=a,e.filters.forEach(e=>e.onFilterUpdated(()=>this.reset()))}}let tA=(e,t)=>e===t;class tV{updateTableColumnDef(e){e.enableColumnFilter=!0,e.filterFn=this.getReactTableFilterFn()}getReactTableFilterFn(){return(e,t,a)=>this.checkFilterMatches((0,V.$s)(e.original,this.property),a)}checkFilterMatches(e,t){if(null===t)return!0;let a=e=>Array.isArray(e)?e:[e],n=t=>this.matcher(t,e);if("all"===this.mode)return a(t).every(n);if("some"===this.mode){let e=a(t);return 0===e.length||e.some(n)}if("one"===this.mode)return n(t);throw Error("Unknown filter mode '".concat(this.mode,"'"))}getTableColumnFilter(){return this.list.reactTable.table.getState().columnFilters.find(e=>e.id===this.property)}getTableColumn(){return this.list.reactTable.getTableColumn(this.property)}getValue(){var e,t;return null!==(t=null==(e=this.getTableColumnFilter())?void 0:e.value)&&void 0!==t?t:null}getValueId(e){return"".concat(this.property,"@@").concat(String(e))}get values(){var e;return null!==(e=this._values)&&void 0!==e?e:Array.from(this.getTableColumn().getFacetedUniqueValues().keys())}getArrayValue(){let e=this.getValue();return Array.isArray(e)?e:null===e?[]:[e]}isValueActive(e){return this.getArrayValue().includes(e)}isActive(){return this.getArrayValue().length>0}activateValue(e){let t;let a=this.getArrayValue();t="all"===this.mode||"some"===this.mode?[...a,e]:e,this.list.reactTable.getTableColumn(this.property).setFilterValue(t),this.onFilterUpdateCallbacks.forEach(e=>e())}deactivateValue(e){let t;let a=this.getArrayValue();t="all"===this.mode||"some"===this.mode?a.filter(t=>t!==e):null,this.list.reactTable.getTableColumn(this.property).setFilterValue(t),this.onFilterUpdateCallbacks.forEach(e=>e())}clearValues(){let e;e="all"===this.mode||"some"===this.mode?[]:null,this.list.reactTable.getTableColumn(this.property).setFilterValue(e),this.onFilterUpdateCallbacks.forEach(e=>e())}toggleValue(e){let t;let a=this.isValueActive(e),n=this.getArrayValue();t="all"===this.mode||"some"===this.mode?a?n.filter(t=>t!==e):[...n,e]:a?null:e,this.list.reactTable.getTableColumn(this.property).setFilterValue(t),this.onFilterUpdateCallbacks.forEach(e=>e())}onFilterUpdated(e){this.onFilterUpdateCallbacks.add(e)}constructor(e,t){var a,n;tC(this,"_values"),tC(this,"list"),tC(this,"property"),tC(this,"mode"),tC(this,"matcher"),tC(this,"name"),tC(this,"onFilterUpdateCallbacks",new Set),this.list=e,this.property=t.property,this.mode=null!==(a=t.mode)&&void 0!==a?a:"one",this._values=t.values,this.matcher=null!==(n=t.matcher)&&void 0!==n?n:tA,this.name=t.name}}class tZ{updateTableColumnDef(e){e.enableSorting=!0}isSorted(){return!1!==this.list.reactTable.getTableColumn(this.property).getIsSorted()}getTableColumn(){return this.list.reactTable.getTableColumn(this.property)}enable(){this.list.reactTable.getTableColumn(this.property).toggleSorting("desc"===this.direction,!1)}clear(){this.list.reactTable.getTableColumn(this.property).clearSorting()}constructor(e,t){var a;tC(this,"list"),tC(this,"property"),tC(this,"name"),tC(this,"direction"),tC(this,"defaultEnabled"),this.list=e,this.property=t.property,this.name=t.name,this.direction=null!==(a=t.direction)&&void 0!==a?a:"asc",this.defaultEnabled=!!t.defaultEnabled}}let tj=e=>(0,s.useEffect)((0,tu.EH)(e));class tO{static useNew(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new tO(e,t)}useReactTable(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.list.loader.useData(),a=this.list.sorting.filter(e=>e.defaultEnabled),n=(0,ti.b7)({data:t,initialState:{pagination:{pageSize:this.list.batches.batchSize},sorting:a.map(e=>({id:String(e.property),desc:"desc"===e.direction}))},columns:this.getTableColumnDefs(),getCoreRowModel:(0,tc.sC)(),getSortedRowModel:(0,tc.tj)(),getFilteredRowModel:(0,tc.vL)(),getPaginationRowModel:(0,tc.G_)(),getFacetedUniqueValues:(0,tc.JG)(),onStateChange:this.onTableStateChange,...e});return this.useUpdateTableState(n),n}useUpdateTableState(e){tj(()=>{let t=this.tableState.value;t?e.setOptions(e=>({...e,state:t})):this.tableState.value=e.getState()})}getUpdatedTableState(e,t){return t}getTableColumn(e){let t=this.table.getColumn(e);return tm(!!t,"Column #".concat(e," is not defined")),t}getTableColumnDefs(){let e=new Map,t=t=>{let a=e.get(t);if(a)return a;let n={id:t,accessorKey:t,enableSorting:!1,enableColumnFilter:!1};return e.set(t,n),n};return this.list.filters.forEach(e=>e.updateTableColumnDef(t(e.property))),this.list.sorting.forEach(e=>e.updateTableColumnDef(t(e.property))),Array.from(e.values())}constructor(e,t={}){tC(this,"list"),tC(this,"table"),tC(this,"tableState"),tC(this,"onTableStateChange",e=>{let t=this.tableState.value;if(!t)return;let a="function"==typeof e?e(t):e;(0,tu.z)(()=>{this.tableState.value=this.getUpdatedTableState(t,a)})}),this.list=e,this.tableState=(0,td.fv)(()=>({value:void 0})),this.table=this.useReactTable(t)}}class tG{static useNew(){return(0,s.useState)(new tG)[0]}reset(){this.batchLoadingStates=[],this.dataBatches=[]}setDataBatch(e,t){0===this.dataBatches.length&&(this.prevDataBatches=[]),this.dataBatches[e]!==t&&(this.dataBatches[e]=t,this.prevDataBatches[e]=t)}setBatchLoadingState(e,t){this.batchLoadingStates[e]!==t&&(this.batchLoadingStates[e]=t)}get mergedData(){return(0===this.dataBatches.length?this.prevDataBatches:this.dataBatches).flatMap(e=>e)}useMergedData(){return(0,th.u)(()=>this.mergedData)}get isLoading(){return this.batchLoadingStates.some(e=>"loading"===e)}useIsLoading(){return(0,th.u)(()=>this.isLoading)}constructor(){tC(this,"dataBatches",[]),tC(this,"prevDataBatches",[]),tC(this,"batchLoadingStates",[]),(0,tu.rC)(this,{dataBatches:tu.LO,batchLoadingStates:tu.LO,mergedData:tu.Fl,isLoading:tu.Fl,reset:tu.aD.bound,setDataBatch:tu.aD.bound,setBatchLoadingState:tu.aD.bound})}}let tH=[];class tK{static useNew(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new tK(e,t)}reset(){this.loaderState.reset()}useIsLoading(){return this.loaderState.useIsLoading()}useData(){return this.loaderState.useMergedData()}getLoaderInvocationHooks(){return(0,tp.D)(this.list.batches.getBatchIndex()+1,e=>e).map(e=>()=>{this.useLoadBatch(e)})}useLoadBatch(e){let t=this.getBatchDataAsyncResource(e),a=t.use({useSuspense:!1});(0,s.useEffect)(()=>{if(!a.hasValue)return;let{data:t,itemTotalCount:n}=a.value;this.loaderState.setDataBatch(e,t),void 0!==n&&this.list.batches.updateItemTotalCount(n)},[e,a.maybeValue]),(0,s.useEffect)(()=>(this.loaderState.setBatchLoadingState(e,t.state.value),t.state.observe(t=>{this.loaderState.setBatchLoadingState(e,t)})),[t,e])}getDataLoaderOptions(e){return{pagination:this.manualPagination?{limit:this.list.batches.batchSize,offset:this.list.batches.batchSize*e}:void 0,sorting:this.manualSorting?Object.fromEntries(this.list.sorting.filter(e=>e.isSorted()).map(e=>[e.property,e.direction])):void 0,filtering:this.manualFiltering?Object.fromEntries(this.list.filters.filter(e=>null!==e.getValue()).map(e=>[e.property,{mode:e.mode,values:e.getArrayValue()}])):void 0}}getBatchDataAsyncResource(e){let t=this.dataSource,a=this.getDataLoaderOptions(e);if("staticData"in t){let e=t.staticData;return(0,tf.aP)(async()=>({data:e,itemTotalCount:e.length}),[])}if("asyncLoader"in t){let e=t.asyncLoader;return(0,tf.aP)(e,[a])}if("asyncResourceFactory"in t)return(0,t.asyncResourceFactory)(a);throw Error("Unknown data source")}constructor(e,t={}){tC(this,"list"),tC(this,"dataSource"),tC(this,"manualSorting"),tC(this,"manualFiltering"),tC(this,"manualPagination"),tC(this,"loaderState");let{source:a}=t;this.dataSource=null!=a?a:{staticData:tH};let n="manualPagination"in this.dataSource?this.dataSource.manualPagination:void 0,l="manualFiltering"in this.dataSource?this.dataSource.manualFiltering:void 0,o="manualSorting"in this.dataSource?this.dataSource.manualSorting:void 0;this.list=e,this.loaderState=tG.useNew(),this.manualPagination=null!=n&&n,this.manualFiltering=null!=l?l:this.manualPagination,this.manualSorting=null!=o?o:this.manualPagination,this.list.filters.forEach(e=>e.onFilterUpdated(()=>this.reset()))}}let tU=class e{static useNew(t){return new e(t)}isFiltered(){return this.filters.some(e=>e.isActive())}getSorting(e){let t=this.sorting.find(t=>t.property===e);return tm(!!t,"Could not get Sorting (property: ".concat(e,")")),t}clearSorting(){return this.sorting.forEach(e=>e.clear())}clearFilters(){return this.filters.forEach(e=>e.clearValues())}constructor(e){tC(this,"filters"),tC(this,"sorting"),tC(this,"items"),tC(this,"render"),tC(this,"reactTable"),tC(this,"batches"),tC(this,"loader");let{render:t,filters:a=[],sorting:n=[],batchesController:l}=e;this.render=t,this.items=tR.useNew(this),this.filters=a.map(e=>new tV(this,e)),this.sorting=n.map(e=>new tZ(this,e)),this.batches=new t_(this,l),this.loader=tK.useNew(this,e.loader),this.reactTable=tO.useNew(this,{manualFiltering:this.loader.manualFiltering,manualPagination:this.loader.manualPagination,manualSorting:this.loader.manualSorting})}},tJ={itemList:"flow--list--items--item-list",isLoading:"flow--list--items--is-loading"},tq={item:"flow--list--items--item",optionsButton:"flow--list--items--options-button",avatar:"flow--list--items--avatar",text:"flow--list--items--text",statusBadge:"flow--list--items--status-badge",heading:"flow--list--items--heading",content:"flow--list--items--content"},tW=e=>{let{className:t,children:a}=e,n=(0,P.q)(tF);return s.createElement(F.bF,null,s.createElement(L.B,{variant:"plain",className:t,"aria-label":n.format("options")},s.createElement(tb.I,null)),a)},tX=e=>{let{children:t}=e,a=(0,T.d)(t,tg.L),n={Avatar:{className:tq.avatar},Heading:{className:tq.heading,level:3},Text:{className:tq.text},StatusBadge:{className:tq.statusBadge},Content:{className:tq.content},ContextMenu:{render:(e,t)=>s.createElement(tW,{className:tq.optionsButton},s.createElement(e,{...t,placement:"bottom end"}))}},l={...n,Link:{className:tq.item,unstyled:!0,...n}};return s.createElement(tw.W,{if:!a},s.createElement("div",{className:tq.item},s.createElement(u.P,{props:l},t)))},tQ=e=>s.createElement(et,null,JSON.stringify(e.data)),tY=e=>{let{className:t}=e,a=tS(),n=a.loader.useIsLoading(),l=a.items.entries.map(e=>s.createElement(tX,{key:e.id},s.createElement(s.Suspense,null,e.render()))),o=(0,c.Z)(tJ.itemList,t,n&&tJ.isLoading);return s.createElement("div",{className:o},l)};function t$(e){return null}function t0(e){return null}function t2(e){return null}function t1(e){return null}function t4(e){return null}let t5=e=>{let t=(0,ts.h)(tF),a=tS(),n=a.batches,l=a.isFiltered()&&!a.loader.manualFiltering,o=n.getTotalItemsCount(),r=n.getFilteredItemsCount(),i=n.getVisibleItemsCount();if(0===o)return null;let c=l?t("paginationInfoFiltered",{visibleItemsCount:i,filteredItemsCount:r,totalItemsCount:o}):t("paginationInfo",{visibleItemsCount:i,totalItemsCount:o});return s.createElement(y.T,{...e},c)},t8=e=>{let t=(0,P.q)(tF),a=tS(),n=a.loader.useIsLoading(),l=a.batches.hasNextBatch();return s.createElement(L.B,{isPending:n,...e,onPress:()=>a.batches.nextBatch(),variant:"plain",isDisabled:!l,size:"s"},t.format("showMore"))},t6=()=>s.createElement("div",{className:"flow--list--footer"},s.createElement(t5,null),s.createElement(t8,null)),t3=[{hostname:"my-domain.de",domain:"my-domain.de",type:"Domain",verified:!0,tld:"de"},{hostname:"www.my-domain.de",domain:"my-domain.de",type:"Subdomain",verified:!0,tld:"de"},{hostname:"www.one-more-domain.com",domain:"one-more-domain.com",type:"Subdomain",verified:!0,tld:"com"},{hostname:"shop.one-more-domain.com",domain:"one-more-domain.com",type:"Subdomain",verified:!0,tld:"com"},{hostname:"blog.my-domain.de",domain:"my-domain.de",type:"Subdomain",verified:!0,tld:"de"},{hostname:"another-domain.de",domain:"another-domain.de",type:"Domain",verified:!1,tld:"de"},{hostname:"one-more-domain.com",domain:"one-more-domain.com",type:"Domain",verified:!0,tld:"com"}];t3.map(e=>e.type).filter((e,t,a)=>a.indexOf(e)===t);let t7={"ExampleSvg:@/content/01-getting-started/stylesheet/examples/components/ExampleSvg":e=>{let{className:t}=e;return(0,o.jsx)("svg",{"aria-hidden":"false",focusable:"false","data-prefix":"fas","data-icon":"circle-info",className:(0,c.Z)("svg-inline--fa",t),role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512","aria-label":"Information",children:(0,o.jsx)("path",{fill:"currentColor",d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"})})},"Button:@mittwald/flow-react-components/Button":m.Button,"Action:@mittwald/flow-react-components/Action":d.A,"sleepLong:@/content/02-components/actions/action/examples/lib":()=>new Promise(e=>setTimeout(e,1700)),"Modal:@mittwald/flow-react-components/Modal":g,"Heading:@mittwald/flow-react-components/Heading":b.Heading,"Content:@mittwald/flow-react-components/Content":E.C,"ButtonGroup:@mittwald/flow-react-components/ButtonGroup":N,"sleep:@/content/02-components/actions/action/examples/lib":()=>new Promise(e=>setTimeout(e,700)),"IconHome:@mittwald/flow-react-components/Icons":S.IconHome,"Text:@mittwald/flow-react-components/Text":y.T,"IconChevronDown:@mittwald/flow-react-components/Icons":S.IconChevronDown,"ContextMenu:@mittwald/flow-react-components/ContextMenu":x.C,"ContextMenuTrigger:@mittwald/flow-react-components/ContextMenu":F.bF,"MenuItem:@mittwald/flow-react-components/MenuItem":T.M,"IconInfo:@mittwald/flow-react-components/Icons":S.IconInfo,"CopyButton:@mittwald/flow-react-components/CopyButton":j,"Avatar:@mittwald/flow-react-components/Avatar":e=>{let{children:t,className:a,variant:n,size:l="m"}=(0,O.u)("Avatar",e),o=(0,c.Z)("flow--avatar",K["size-".concat(l)],a,K["variant-".concat(null!=n?n:U(t))]);return s.createElement(v.C,null,s.createElement("div",{className:o},s.createElement(u.P,{props:{Initials:{className:"flow--avatar--initials"},Icon:{className:"flow--avatar--icon"}}},t)))},"Initials:@mittwald/flow-react-components/Initials":q,"IconCustomer:@mittwald/flow-react-components/Icons":S.IconCustomer,"Image:@mittwald/flow-react-components/Image":W,"IconMember:@mittwald/flow-react-components/Icons":S.IconMember,"IconApp:@mittwald/flow-react-components/Icons":S.IconApp,"IconBackup:@mittwald/flow-react-components/Icons":S.IconBackup,"IconCronjob:@mittwald/flow-react-components/Icons":S.IconCronjob,"IconDatabase:@mittwald/flow-react-components/Icons":S.IconDatabase,"IconDomain:@mittwald/flow-react-components/Icons":S.IconDomain,"IconEmail:@mittwald/flow-react-components/Icons":S.IconEmail,"IconInbox:@mittwald/flow-react-components/Icons":S.IconInbox,"IconMittwald:@mittwald/flow-react-components/Icons":S.IconMittwald,"IconProject:@mittwald/flow-react-components/Icons":S.IconProject,"IconSearchEngine:@mittwald/flow-react-components/Icons":S.IconSearchEngine,"IconServer:@mittwald/flow-react-components/Icons":S.IconServer,"IconSettings:@mittwald/flow-react-components/Icons":S.IconSettings,"IconSpamProtectionOff:@mittwald/flow-react-components/Icons":S.IconSpamProtectionOff,"IconSpamProtectionOn:@mittwald/flow-react-components/Icons":S.IconSpamProtectionOn,"IconSshSftp:@mittwald/flow-react-components/Icons":S.IconSshSftp,"IconSubdomain:@mittwald/flow-react-components/Icons":S.IconSubdomain,"IconSupport:@mittwald/flow-react-components/Icons":S.IconSupport,"Label:@mittwald/flow-react-components/Label":X._,"LabeledValue:@mittwald/flow-react-components/LabeledValue":e=>{let{children:t,className:a}=e,n=(0,c.Z)(Q.labeledValue,a),l={Label:{className:Q.label},CopyButton:{className:Q.button,variant:"plain",size:"s"},Button:{className:Q.button,variant:"plain",size:"s"}};return s.createElement(v.C,null,s.createElement("div",{className:n},s.createElement(u.P,{props:l},t)))},"ColumnLayout:@mittwald/flow-react-components/ColumnLayout":Y.ColumnLayout,"IconBackLink:@mittwald/flow-react-components/Icons":S.IconBackLink,"IconCheck:@mittwald/flow-react-components/Icons":S.IconCheck,"IconCheckboxChecked:@mittwald/flow-react-components/Icons":S.IconCheckboxChecked,"IconCheckboxEmpty:@mittwald/flow-react-components/Icons":S.IconCheckboxEmpty,"IconCheckboxIndeterminate:@mittwald/flow-react-components/Icons":S.IconCheckboxIndeterminate,"IconChevronLeft:@mittwald/flow-react-components/Icons":S.IconChevronLeft,"IconChevronRight:@mittwald/flow-react-components/Icons":S.IconChevronRight,"IconChevronUp:@mittwald/flow-react-components/Icons":S.IconChevronUp,"IconClose:@mittwald/flow-react-components/Icons":S.IconClose,"IconCode:@mittwald/flow-react-components/Icons":S.IconCode,"IconContextMenu:@mittwald/flow-react-components/Icons":S.IconContextMenu,"IconCopy:@mittwald/flow-react-components/Icons":S.IconCopy,"IconDashboard:@mittwald/flow-react-components/Icons":S.IconDashboard,"IconDate:@mittwald/flow-react-components/Icons":S.IconDate,"IconDelete:@mittwald/flow-react-components/Icons":S.IconDelete,"IconExternalLink:@mittwald/flow-react-components/Icons":S.IconExternalLink,"IconFilter:@mittwald/flow-react-components/Icons":S.IconFilter,"IconHide:@mittwald/flow-react-components/Icons":S.IconHide,"IconListView:@mittwald/flow-react-components/Icons":S.IconListView,"IconLogout:@mittwald/flow-react-components/Icons":S.IconLogout,"IconMinus:@mittwald/flow-react-components/Icons":S.IconMinus,"IconNotification:@mittwald/flow-react-components/Icons":S.IconNotification,"IconPlus:@mittwald/flow-react-components/Icons":S.IconPlus,"IconRadioOff:@mittwald/flow-react-components/Icons":S.IconRadioOff,"IconRadioOn:@mittwald/flow-react-components/Icons":S.IconRadioOn,"IconRandom:@mittwald/flow-react-components/Icons":S.IconRandom,"IconSave:@mittwald/flow-react-components/Icons":S.IconSave,"IconSearch:@mittwald/flow-react-components/Icons":S.IconSearch,"IconShare:@mittwald/flow-react-components/Icons":S.IconShare,"IconShow:@mittwald/flow-react-components/Icons":S.IconShow,"IconSorting:@mittwald/flow-react-components/Icons":S.IconSorting,"IconTerminate:@mittwald/flow-react-components/Icons":S.IconTerminate,"IconTileView:@mittwald/flow-react-components/Icons":S.IconTileView,"IconTime:@mittwald/flow-react-components/Icons":S.IconTime,"IconDanger:@mittwald/flow-react-components/Icons":S.IconDanger,"IconFailed:@mittwald/flow-react-components/Icons":S.IconFailed,"IconPending:@mittwald/flow-react-components/Icons":S.IconPending,"IconSucceeded:@mittwald/flow-react-components/Icons":S.IconSucceeded,"IconSuccess:@mittwald/flow-react-components/Icons":S.IconSuccess,"IconWarning:@mittwald/flow-react-components/Icons":S.IconWarning,"Icon:@mittwald/flow-react-components/Icon":B.I,"IconStar:@tabler/icons-react":$.Z,"IllustratedMessage:@mittwald/flow-react-components/IllustratedMessage":e=>{let{className:t,children:a,variant:n="info",...l}=e,o=(0,c.Z)("flow--illustrated-message--illustrated-message-container",t);return s.createElement("div",{...l,className:o},s.createElement("div",{className:(0,c.Z)("flow--illustrated-message",ee[n])},s.createElement(u.P,{props:{Icon:{className:"flow--illustrated-message--icon",size:"l"},Heading:{className:"flow--illustrated-message--heading"},Text:{className:"flow--illustrated-message--text"},Button:{className:"flow--illustrated-message--button",color:"accent"}}},a)))},"InlineCode:@mittwald/flow-react-components/InlineCode":et,"Link:@mittwald/flow-react-components/Link":ea.Link,"Skeleton:@mittwald/flow-react-components/Skeleton":e=>{let{className:t,...a}=e,n=(0,c.Z)("flow--skeleton",t);return s.createElement("div",{className:n,"aria-hidden":!0,...a})},"CheckboxButton:@mittwald/flow-react-components/CheckboxButton":ei,"CheckboxGroup:@mittwald/flow-react-components/CheckboxGroup":ew,"Checkbox:@mittwald/flow-react-components/Checkbox":es,"NumberField:@mittwald/flow-react-components/NumberField":eN,"FieldDescription:@mittwald/flow-react-components/FieldDescription":eS,"FieldError:@mittwald/flow-react-components/FieldError":ed,"RadioGroup:@mittwald/flow-react-components/RadioGroup":eL,"RadioButton:@mittwald/flow-react-components/RadioGroup":ek,"Radio:@mittwald/flow-react-components/RadioGroup":ez,"Select:@mittwald/flow-react-components/Select":eA,"Option:@mittwald/flow-react-components/Select":eV,"Switch:@mittwald/flow-react-components/Switch":eH,"TextArea:@mittwald/flow-react-components/TextArea":eq,"TextField:@mittwald/flow-react-components/TextField":eW,"Breadcrumb:@mittwald/flow-react-components/Breadcrumb":e=>{let{children:t,className:a,inverse:n,...l}=e,o=(0,c.Z)(eY.breadcrumb,n&&eY.inverse,a);return s.createElement(eX.Oo,{...l,className:o},s.createElement(u.P,{props:{Link:{render:(e,t)=>s.createElement(e$,null,s.createElement(e,{...t,unstyled:!0,className:eY.link}))}}},t))},"HeaderNavigation:@mittwald/flow-react-components/HeaderNavigation":e0.HeaderNavigation,"Navigation:@mittwald/flow-react-components/Navigation":e2.W_,"NavigationGroup:@mittwald/flow-react-components/Navigation":e2.KB,"Tabs:@mittwald/flow-react-components/Tabs":e1.Tabs,"Tab:@mittwald/flow-react-components/Tabs":e1.Tab,"TabTitle:@mittwald/flow-react-components/Tabs":e1.TabTitle,"Section:@mittwald/flow-react-components/Section":e4.Section,"Header:@mittwald/flow-react-components/Header":e5,"InlineAlert:@mittwald/flow-react-components/InlineAlert":e3,"StatusIcon:@mittwald/flow-react-components/StatusIcon":e8.S,"OverlayTrigger:@mittwald/flow-react-components/OverlayTrigger":e7.OverlayTrigger,"OffCanvas:@mittwald/flow-react-components/OffCanvas":e9.OffCanvas,"IconMenu:@mittwald/flow-react-components/Icons":S.IconMenu,"Tooltip:@mittwald/flow-react-components/Tooltip":R,"TooltipTrigger:@mittwald/flow-react-components/Tooltip":_,"LoadingSpinner:@mittwald/flow-react-components/LoadingSpinner":te.L,"ProgressBar:@mittwald/flow-react-components/ProgressBar":e=>{let{children:t,className:a,status:n="info",showMaxValue:l,size:o="m",...r}=e,i=(0,c.Z)(a,"flow--progress-bar",tn["size-".concat(o)],tn[n]),m=(0,ta.U)(e.formatOptions),d=l&&e.maxValue?m.format(e.maxValue):void 0,f={Label:{className:"flow--progress-bar--label",unstyled:!0}};return s.createElement(tt.k,{className:i,...r},e=>{let{percentage:a,valueText:n}=e;return s.createElement(u.P,{props:f},t,s.createElement("span",{className:"flow--progress-bar--value"},d?"".concat(n," of ").concat(d):n),s.createElement("div",{className:"flow--progress-bar--bar"},s.createElement("div",{className:"flow--progress-bar--fill",style:{width:a+"%"}})))})},"StatusBadge:@mittwald/flow-react-components/StatusBadge":tl.StatusBadge,"Accordion:@mittwald/flow-react-components/Accordion":to.A,"LayoutCard:@mittwald/flow-react-components/LayoutCard":tr.LayoutCard,"List:@mittwald/flow-react-components/List":function(e){var t,a,n,l,o;let{children:r,batchSize:i,...c}=e,m=null==(t=(0,ep.d)(r,t$))?void 0:t.props,d=null==(a=(0,ep.d)(r,tE))?void 0:a.props,u=null==(n=(0,ep.d)(r,t4))?void 0:n.props,f={source:m?{...m,asyncLoader:m.children}:d?{...d,asyncResourceFactory:d.children}:u?{staticData:u.data}:void 0},p=tU.useNew({loader:f,filters:(0,ep.a)(r,t0).map(e=>e.props),sorting:(0,ep.a)(r,t2).map(e=>e.props),render:null!==(o=null==(l=(0,ep.d)(r,t1))?void 0:l.props.children)&&void 0!==o?o:e=>s.createElement(tQ,{data:e}),...c,batchesController:{batchSize:i}});return s.createElement(tN.Provider,{value:{list:p}},s.createElement(tx,null),s.createElement("div",{className:"flow--list"},s.createElement(tD,null),s.createElement(tY,null),s.createElement(t6,null)))},"ListFilter:@mittwald/flow-react-components/List":t0,"ListItemView:@mittwald/flow-react-components/List":t1,"ListSorting:@mittwald/flow-react-components/List":t2,"ListStaticData:@mittwald/flow-react-components/List":t4,"domains:@/content/02-components/structure/list/examples/domainApi":t3,"MenuItem:@mittwald/flow-react-components/ContextMenu":T.M},t9=e=>{var t;return null!==(t=t7[e])&&void 0!==t?t:()=>{throw Error("Could not find component '".concat(e,"'. Run 'yarn build:imports'."))}};var ae=a(78013),at=a(46071);let aa=ae.Parser.extend((0,at.Z)()),an=e=>Object.assign({},...aa.parse(e,{ecmaVersion:14,sourceType:"module"}).body.filter(e=>"ImportDeclaration"===e.type).map(e=>({names:e.specifiers.filter(e=>!(e&&"object"==typeof e&&"importKind"in e&&"type"===e.importKind)).map(e=>e.local.name),source:e.source.value})).flatMap(e=>e.names.map(t=>({[t]:t9("".concat(t,":").concat(e.source))}))));function al(e,t){if("JSXElement"===t.type||"JSXFragment"===t.type||"ArrowFunctionExpression"===t.type)return e.slice(t.start,t.end);if("FunctionDeclaration"===t.type){let a=t.body.body.find(e=>"ReturnStatement"===e.type);if(void 0==a||void 0==a.argument)throw Error("Function does not have return statement.");return e.slice(a.argument.start,a.argument.end)}throw Error("No parsable expression found.")}var ao=a(71615),ar=a.n(ao),as=a(50807),ai=a.n(as);let ac=e=>(0,o.jsx)("div",{className:ai().row,children:e.children});var am=a(56479),ad=a.n(am);let au=e=>(0,o.jsx)("div",{className:ad().column,children:e.children});var af=a(1779);let ap=console.error;console.error=function(){for(var e=arguments.length,t=Array(e),a=0;a{let{code:t,className:a,editorCollapsed:n,editorDisabled:r,zoom:d=1,inverse:u}=e,[f,p]=(0,s.useState)(n);if("string"!=typeof t)throw Error("Expected code prop to be of type 'string'.");let h=an(t),w=t.replace(/\r?\n$/,"");return(0,o.jsx)(i.nu,{code:w,scope:{...h,...l},transformCode:e=>{try{return function(e){let t=aa.parse(e,{ecmaVersion:14,sourceType:"module"}),a=t.body.find(e=>"ExportDefaultDeclaration"===e.type);if(void 0===a&&t.body.some(e=>"ExpressionStatement"===e.type)){let a=t.body.find(e=>"ExpressionStatement"===e.type);if(void 0==a)throw Error("Default export needs to be expression.");return al(e,a.expression)}if(void 0===a)throw Error("Could not find default export");if("ArrowFunctionExpression"===a.declaration.type||"JSXElement"===a.declaration.type||"JSXFragment"===a.declaration.type||"FunctionDeclaration"===a.declaration.type)return al(e,a.declaration);throw Error("No default export or top-level expression found.")}(e)}catch(e){return"

    Example could not be parsed: ".concat(String(e),"

    ")}},children:(0,o.jsxs)("div",{className:(0,c.Z)(ar().liveCodeEditor,a),children:[(0,o.jsx)(i.i5,{className:(0,c.Z)(ar().preview,u&&ar().inverse),style:{zoom:d}}),!r&&(0,o.jsx)("div",{className:ar().editorContainer,children:(0,o.jsx)(i.uz,{theme:af.np.vsLight,className:(0,c.Z)(ar().editor,f&&ar().collapsed)})}),!r&&(0,o.jsx)("div",{className:ar().actions,children:(0,o.jsx)(m.Button,{className:ar().toggleCode,size:"s",variant:"plain",color:"secondary",onPress:()=>p(!f),children:f?(0,o.jsx)(o.Fragment,{children:"Code anzeigen"}):(0,o.jsx)(o.Fragment,{children:"Code ausblenden"})})}),(0,o.jsx)(i.IF,{className:ar().error})]})})},aw=a(82582),ag=a(87595),ab=a.n(ag),aE=a(93667);let av={Content:E.C,Heading:b.default,InlineAlert:e3,pre:e=>{let{children:t}=e;return(0,o.jsxs)("div",{className:ab().preContainer,children:[(0,o.jsx)("pre",{className:ab().pre,children:t}),(0,o.jsx)(j,{className:ab().preCopyButton,text:t,variant:"plain",size:"s"})]})},code:e=>{let{children:t}=e;return(0,o.jsx)("code",{className:ab().code,children:t})},p:e=>{let{children:t}=e;return(0,o.jsx)(y.T,{className:ab().p,elementType:"p",children:t})},ul:e=>{let{children:t}=e;return(0,o.jsx)("ul",{className:ab().ul,children:t})},li:e=>{let{children:t}=e;return(0,o.jsx)("li",{className:ab().li,children:t})},h2:e=>{let{children:t}=e;return(0,o.jsx)(b.default,{level:2,className:ab().heading2,children:t})},h3:e=>{let{children:t}=e;return(0,o.jsx)(b.default,{level:3,className:ab().heading,children:t})},h4:e=>{let{children:t}=e;return(0,o.jsx)(b.default,{level:4,className:ab().heading,children:t})},h5:e=>{let{children:t}=e;return(0,o.jsx)(b.default,{level:5,className:ab().heading,children:t})},a:e=>{let{children:t,href:a}=e;return(null==a?void 0:a.startsWith("http"))?(0,o.jsx)(ea.default,{href:a,children:t}):(0,o.jsx)(aE.LinkProvider,{children:(0,o.jsx)(ea.default,{href:a,children:t})})},hr:()=>(0,o.jsx)("hr",{className:ab().hr})},aI=e=>{let t=aw.R.deserialize(e.mdxFile);return(0,o.jsx)(r.R,{...t.mdxSource,components:{LiveCodeEditor:e=>{let{example:a="default",...n}=e;return(0,o.jsx)(ah,{className:ab().liveCodeEditor,code:t.getExample(a),...n})},...av}})};var aC=aI},71615:function(e){e.exports={liveCodeEditor:"LiveCodeEditor_liveCodeEditor__fh4HJ",editor:"LiveCodeEditor_editor__KuUVR",preview:"LiveCodeEditor_preview__2V2Kl",inverse:"LiveCodeEditor_inverse__k0tjd",editorContainer:"LiveCodeEditor_editorContainer__dsY4x",toggleCode:"LiveCodeEditor_toggleCode__l23c6",collapsed:"LiveCodeEditor_collapsed__bp_8l",actions:"LiveCodeEditor_actions__nErUJ"}},56479:function(e){e.exports={column:"Column_column__uju9O"}},50807:function(e){e.exports={row:"Row_row__9MDh4"}},87595:function(e){e.exports={code:"customComponents_code__kzJRU",pre:"customComponents_pre__kLHsU",preContainer:"customComponents_preContainer__fE5Ry",preCopyButton:"customComponents_preCopyButton__T_WNi",ul:"customComponents_ul__VZ8qb",hr:"customComponents_hr__JSHwn"}},82086:function(e,t,a){"use strict";a.d(t,{C:function(){return r}});var n=a(82317),l=a(65324);let o=e=>{if(e.length<1)throw Error("Column layout array is empty");return e.map(e=>"".concat(e,"fr")).join(" ")},r=e=>{let{children:t,className:a,s:r,m:s,l:i}=e,c=r?o(r):void 0,m=s?o(s):r?c:void 0,d=i?o(i):s||r?m:void 0,u=(0,l.Z)("flow--column-layout--column-layout-container",a);return n.createElement("div",{className:u,style:{"--column-layout--columns-s":c,"--column-layout--columns-m":m,"--column-layout--columns-l":d}},n.createElement("div",{className:"flow--column-layout"},t))}},1013:function(e,t,a){"use strict";a.r(t),a.d(t,{ColumnLayout:function(){return n.C},default:function(){return n.C}});var n=a(82086)},58652:function(e,t,a){"use strict";a.d(t,{C:function(){return c}});var n=a(82317),l=a(43205),o=a(28526),r=a(74711),s=a(74032),i=a(58712);a(16677);let c=(0,o.f)("ContextMenu",e=>{let{children:t,onAction:a,selectionMode:o,selectedKeys:c,defaultSelectedKeys:m,disabledKeys:d,onSelectionChange:u,ref:f,...p}=e;return n.createElement(s.C,null,n.createElement(r.P,{...p},n.createElement(l.v2,{className:"flow--context-menu",onAction:a,selectionMode:"navigation"===o?"single":o,selectedKeys:c,defaultSelectedKeys:m,disabledKeys:d,onSelectionChange:u,ref:f},n.createElement(i.P,{props:{MenuItem:{selectionVariant:"navigation"===o?"navigation":"control"}}},t))))})},75466:function(e,t,a){"use strict";a.d(t,{M:function(){return w},d:function(){return p}});var n=a(82317),l=a(43205),o=a(65324);a(16677);var r=a(58712);a(45650);var s=a(9084),i=a(87167),c=a(85195),m=a(66810),d=a(70811),u=a(28526);let f={menuItem:"flow--menu-item",icon:"flow--menu-item--icon",text:"flow--menu-item--text",controlIcon:"flow--menu-item--control-icon"},p=(e,t)=>!!(0,m.d)(e,t),h=e=>{let{selectionMode:t,isSelected:a,selectionVariant:l="control",children:m}=e,u={Icon:{className:f.icon},Text:{className:f.text}},h={Icon:{className:(0,o.Z)(f.controlIcon,f.icon)}},w="none"===t||"navigation"===l?null:"single"===t&&a?n.createElement(i.I,null):"single"!==t||a?"multiple"===t&&a?n.createElement(s.I,null):n.createElement(s.a,null):n.createElement(i.a,null),g=p(m,c.T);return n.createElement(n.Fragment,null,n.createElement(r.P,{props:h},w),n.createElement(r.P,{props:u},n.createElement(d.W,{if:!g},n.createElement(c.T,null,m))))},w=(0,u.f)("MenuItem",e=>{let{children:t,className:a,selectionVariant:r,...s}=e,i=(0,o.Z)(f.menuItem,a);return n.createElement(l.sN,{...s,className:i},e=>n.createElement(h,{...e,selectionVariant:r},t))})},74711:function(e,t,a){"use strict";a.d(t,{P:function(){return r}});var n=a(82317),l=a(73138),o=a(65324);let r=e=>{let{children:t,className:a,...r}=e,s=(0,o.Z)("flow--popover",a);return n.createElement(l.J,{...r,className:s},t)}},8252:function(e,t,a){"use strict";a.r(t),a.d(t,{Tab:function(){return y},TabTitle:function(){return S},Tabs:function(){return v},default:function(){return v}});var n=a(82317),l=a(97211),o=a(43205),r=a(65324),s=a(25894),i=a(28526),c=a(92961),m=a(58652),d=a(75466),u=a(23726);a(45650);var f=a(37598),p=a(85195);let h={tabList:"flow--tabs--tab-list",contextMenuButton:"flow--tabs--tab-list--context-menu-button",titles:"flow--tabs--tab-list--titles",collapsed:"flow--tabs--tab-list--collapsed"},w=()=>{let e=(0,n.useRef)(),[t,a]=(0,n.useState)(!1),l=(0,c.W)(null,e=>{s(),r(e)}),o=e=>{let[t]=e;t&&a(!t.isIntersecting)},r=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l.current;if(t&&t instanceof Element){let a=new IntersectionObserver(o,{root:t.parentElement,threshold:1});e.current=a,a.observe(t)}},s=()=>{var t;null==(t=e.current)||t.disconnect()};return(0,n.useEffect)(()=>(r(),s),[e.current]),{ref:l,isOverflowing:t}},g={tabTitle:"flow--tabs--tab-title",text:"flow--tabs--tab-title--text",menuItem:"flow--tabs--tab-title--menu-item"},b=e=>{let{className:t,...a}=e,l=(0,r.Z)(t,g.tabTitle);return n.createElement("div",{...a,className:l,"data-selected":!0},n.createElement(s.Rz,{id:"ActiveTitle"}))},E=e=>{let{selection:t,disabledKeys:a,onContextMenuSelectionChange:i}=e,c=(0,n.useId)(),d=w(),p=d.isOverflowing,g=(0,r.Z)(h.tabList,p&&h.collapsed),E=n.createElement(l.td,{className:h.titles,ref:d.ref},n.createElement(s.Rz,{id:"Titles"})),v=p&&n.createElement(b,{id:c}),I=p&&n.createElement(o.bF,null,n.createElement(u.B,{variant:"soft",className:h.contextMenuButton,color:"secondary","aria-labelledby":c},n.createElement(f.I,null)),n.createElement(m.C,{disabledKeys:a,selectedKeys:t?[t]:void 0,selectionMode:"navigation",onSelectionChange:e=>{let[t]=e;t&&i(t)}},n.createElement(s.Rz,{id:"ContextMenuItems"})));return n.createElement("div",{className:g},E,v,I)},v=(0,i.f)("Tabs",e=>{let{children:t,className:a,defaultSelectedKey:o,disabledKeys:i,...c}=e,m=(0,r.Z)("flow--tabs",a),[d,u]=(0,n.useState)(o);return n.createElement(s.NN,null,t,n.createElement(l.mQ,{className:m,...c,selectedKey:d,onSelectionChange:u,disabledKeys:i},n.createElement(E,{selection:d,onContextMenuSelectionChange:u,disabledKeys:i}),n.createElement(s.Rz,{id:"Panels"})))}),I=(0,n.createContext)({id:"undefined"}),C=()=>(0,n.useContext)(I),N=I.Provider,S=e=>{let{children:t,className:a,...o}=e,{id:i}=C(),c=(0,r.Z)(g.tabTitle,a);return n.createElement(n.Fragment,null,n.createElement(s.fk,{id:"Titles"},n.createElement(l.OK,{...o,id:i,className:c},e=>n.createElement(n.Fragment,null,n.createElement(p.T,{emulateBoldWidth:!0},n.createElement("span",{className:g.text},t)),n.createElement(s.fk,{id:"ActiveTitle"},e.isSelected&&t)))),n.createElement(s.fk,{id:"ContextMenuItems"},n.createElement(d.M,{className:g.menuItem,id:i},t)))},y=e=>{let{children:t,className:a,shouldForceMount:o=!0,id:i,...c}=e,m=(0,r.Z)("flow--tabs--tab--tab-panel",a),d=(0,n.useId)(),u=null!=i?i:d;return n.createElement(s.fk,{id:"Panels"},n.createElement(l.x4,{className:m,shouldForceMount:o,id:u,...c},n.createElement(N,{value:{id:u}},t)))}}},function(e){e.O(0,[737,802,245,8,485,462,17,744],function(){return e(e.s=66959)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/docs/302-accordion-component/_next/static/chunks/app/[...slug]/page-6bad9f240fda36f6.js b/docs/302-accordion-component/_next/static/chunks/app/[...slug]/page-6bad9f240fda36f6.js deleted file mode 100644 index dff0740bbc..0000000000 --- a/docs/302-accordion-component/_next/static/chunks/app/[...slug]/page-6bad9f240fda36f6.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[877],{66959:function(e,t,a){Promise.resolve().then(a.bind(a,1013)),Promise.resolve().then(a.bind(a,19018)),Promise.resolve().then(a.bind(a,85861)),Promise.resolve().then(a.bind(a,44104)),Promise.resolve().then(a.bind(a,45854)),Promise.resolve().then(a.bind(a,12501)),Promise.resolve().then(a.bind(a,8252)),Promise.resolve().then(a.bind(a,14073))},14073:function(e,t,a){"use strict";a.r(t),a.d(t,{MdxFileView:function(){return aC},default:function(){return aN}});var n,l={};a.r(l),a.d(l,{Column:function(){return au},Row:function(){return ac}});var o=a(37506),r=a(30042),s=a(82317),i=a(61762),c=a(65324),m=a(70569),d=a(56694);a(16677);var u=a(58712),f=a(25894),p=a(40638),h=a(61243);a(38133),a(95359);let w={modal:"flow--modal","modal-zoom":"flow--modal--modal-zoom",buttonGroup:"flow--modal--button-group",content:"flow--modal--content","size-s":"flow--modal--size-s","size-m":"flow--modal--size-m","size-l":"flow--modal--size-l",offCanvas:"flow--modal--off-canvas","modal-slide-in":"flow--modal--modal-slide-in","modal-slide-up":"flow--modal--modal-slide-up"},g=(0,p.f)("Modal",e=>{let{size:t="s",offCanvas:a,controller:n,children:l,...o}=e,r=(0,c.Z)(w.modal,w["size-".concat(t)],a&&w.offCanvas),i={Content:{elementType:s.Fragment},Heading:{level:2,slot:"title"},ButtonGroup:{className:w.buttonGroup,tunnelId:"buttons"}};return s.createElement(h.O,{className:r,controller:n,...o},s.createElement(u.P,{props:i},s.createElement(f.NN,null,s.createElement("div",{className:w.content},l),s.createElement(f.Rz,{id:"buttons"}))))});var b=a(19018),E=a(7469),v=a(74032),I=a(69033);let C={buttonGroupContainer:"flow--button-group--button-group-container",buttonGroup:"flow--button-group",button:"flow--button-group--button",secondary:"flow--button-group--secondary"},N=(0,p.f)("ButtonGroup",e=>{let{children:t,className:a,...n}=e,l=(0,c.Z)(C.buttonGroupContainer,a),o={Button:{className:(0,I.d)(e=>(0,c.Z)(C.button,"secondary"===e.color?C.secondary:void 0))}};return s.createElement(v.C,null,s.createElement("div",{...n,className:l},s.createElement("div",{className:C.buttonGroup,role:"group"},s.createElement(u.P,{props:o},t))))});var y=a(85861),S=a(30303),x=a(4489),T=a(60074),F=a(43205),k=a(10631),L=a(99084),B=a(73335),z=a(64528),P=a(80128),D=a(65640),M=a(6788);let R=e=>{let{children:t,className:a,...n}=e,l=(0,c.Z)("flow--tooltip",a);return s.createElement(D.u,{...n,className:l},s.createElement(M.Q,{className:"flow--tooltip--arrow"},s.createElement("svg",{viewBox:"0 0 8 8"},s.createElement("path",{d:"M0 0 L4 4 L8 0"}))),t)},_=e=>{let{children:t,...a}=e;return s.createElement(D.aJ,{...a},t)};var A=a(22043),V=a(63193);let Z={"de-DE":{"copyButton.copy":"Kopieren"},"en-EN":{"copyButton.copy":"Copy"}},j=(0,p.f)("CopyButton",e=>{let{text:t,ref:a,...n}=e,l=(0,P.q)(Z).format("copyButton.copy");return s.createElement(v.C,null,s.createElement(_,null,s.createElement(d.A,{action:()=>{k((0,A.Z)(t))},showFeedback:!0},s.createElement(L.B,{"aria-label":l,...n,ref:a},s.createElement(z.I,null))),s.createElement(R,null,l)))});var O=a(73062),G=a(62311),H=a(41439);let K={avatar:"flow--avatar",icon:"flow--avatar--icon",initials:"flow--avatar--initials","size-m":"flow--avatar--size-m","size-xs":"flow--avatar--size-xs","size-s":"flow--avatar--size-s","size-l":"flow--avatar--size-l","variant-1":"flow--avatar--variant-1","variant-2":"flow--avatar--variant-2","variant-3":"flow--avatar--variant-3","variant-4":"flow--avatar--variant-4"},U=e=>{let t=[];return(0,H.Z)(e,e=>{(0,s.isValidElement)(e)?t.push({props:e.props,type:e.type}):t.push(e)}),Math.abs((0,G.v)(t)%4)+1},J=e=>e.replace(RegExp("[^\\p{L}\\s]","giu"),"").split(" ").map(e=>e.trim()[0]).filter(e=>void 0!==e).map(e=>e.toUpperCase()).slice(0,2),q=(0,p.f)("Initials",e=>{let{children:t,className:a,ref:n}=e,l=(0,A.Z)(t),o=J(l),r=(0,c.Z)("flow--initials",a),i=o.map((e,t)=>s.createElement("span",{key:t},e));return s.createElement(v.C,null,s.createElement("div",{"aria-label":l,className:r,ref:n},i))}),W=(0,p.f)("Image",e=>{let{ref:t,...a}=e;return s.createElement(v.C,null,s.createElement("img",{...a,ref:t}))});var X=a(46423);let Q={labeledValue:"flow--labeled-value",button:"flow--labeled-value--button",label:"flow--labeled-value--label"};var Y=a(1013),$=a(85403);let ee={illustratedMessageContainer:"flow--illustrated-message--illustrated-message-container",illustratedMessage:"flow--illustrated-message",icon:"flow--illustrated-message--icon",heading:"flow--illustrated-message--heading",text:"flow--illustrated-message--text",button:"flow--illustrated-message--button",negative:"flow--illustrated-message--negative"},et=e=>{let{children:t,className:a,...n}=e,l=(0,c.Z)("flow--inline-code",a);return s.createElement(v.C,null,s.createElement("code",{...n,className:l},t))};var ea=a(45854),en=a(24818),el=a(45455),eo=a(93396);let er={checkbox:"flow--checkbox",icon:"flow--checkbox--icon"},es=(0,p.f)("Checkbox",e=>{let{children:t,className:a,ref:n,...l}=e,o=(0,c.Z)(er.checkbox,a);return s.createElement(v.C,null,s.createElement(en.XZ,{...l,className:o,ref:n},e=>{let{isSelected:a,isIndeterminate:n}=e;return s.createElement(s.Fragment,null,a?s.createElement(el.I,{className:er.icon}):n?s.createElement(eo.I,{className:er.icon}):s.createElement(el.a,{className:er.icon}),t)}))}),ei=(0,p.f)("CheckboxButton",e=>{let{children:t,className:a,...n}=e,l=(0,c.Z)("flow--checkbox-button",a);return s.createElement(v.C,null,s.createElement(es,{...n,className:l},s.createElement(u.P,{props:{Text:{className:"flow--checkbox-button--label"},Content:{className:"flow--checkbox-button--content"}}},t)))});var ec=a(22834),em=a(67731);let ed=(0,p.f)("FieldError",e=>{let{children:t,className:a,ref:n,...l}=e,o=(0,c.Z)("flow--field-error",a);return s.createElement(v.C,null,s.createElement(ec.c,{...l,className:o,ref:n},e=>{let{validationErrors:a}=e;return s.createElement(s.Fragment,null,s.createElement(em.I,{size:"s"}),s.createElement("span",null,t||a.join(" ")))}))}),eu={formField:"flow--form-field",label:"flow--form-field--label",fieldError:"flow--form-field--field-error",customFieldError:"flow--form-field--custom-field-error",fieldDescription:"flow--form-field--field-description"};var ef=a(82086),ep=a(66810);let eh={checkboxGroup:"flow--checkbox-group"},ew=(0,p.f)("CheckboxGroup",e=>{let{children:t,className:a,s:n,m:l,l:o,ref:r,...i}=e,m=(0,c.Z)(eu.formField,a),d={Label:{className:eu.label},FieldDescription:{className:eu.fieldDescription,tunnelId:"fieldDescription"},FieldError:{className:eu.customFieldError,tunnelId:"fieldError"},Checkbox:{tunnelId:"checkboxes"},CheckboxButton:{tunnelId:"checkboxes"}},p=!!(0,ep.d)(t,ei);return s.createElement(en.cO,{...i,className:m},s.createElement(u.P,{props:d},s.createElement(f.NN,null,t,p&&s.createElement(ef.C,{s:n,m:l,l:o,className:eh.checkboxGroup},s.createElement(f.Rz,{id:"checkboxes"})),!p&&s.createElement("div",{className:eh.checkboxGroup},s.createElement(f.Rz,{id:"checkboxes"})),s.createElement(f.Rz,{id:"fieldDescription"}),s.createElement(f.Rz,{id:"fieldError"}))),s.createElement(ed,{className:eu.fieldError}))});var eg=a(24722),eb=a(99444),eE=a(45734),ev=a(64504),eI=a(28356);let eC={group:"flow--number-field--group",input:"flow--number-field--input",decrementButton:"flow--number-field--decrement-button",incrementButton:"flow--number-field--increment-button",coarsePointerIcon:"flow--number-field--coarse-pointer-icon"},eN=(0,p.f)("NumberField",e=>{let{children:t,className:a,ref:n,onChange:l,...o}=e,r=(0,c.Z)(eu.formField,a),i={Label:{className:eu.label,optional:!e.isRequired},FieldDescription:{className:eu.fieldDescription},FieldError:{className:eu.customFieldError}};return s.createElement(v.C,null,s.createElement(eg.Ki,{...o,className:r,onChange:e=>{setTimeout(()=>{l&&l(e)},150)}},s.createElement(eb.Z,{className:eC.group},s.createElement(L.B,{slot:"decrement",className:eC.decrementButton,size:"s",variant:"plain",color:"secondary"},s.createElement(ev.I,null),s.createElement(eI.I,{className:eC.coarsePointerIcon})),s.createElement(eE.I,{className:eC.input,ref:n}),s.createElement(L.B,{slot:"increment",className:eC.incrementButton,size:"s",variant:"plain",color:"secondary"},s.createElement(eI.a,null),s.createElement(eI.b,{className:eC.coarsePointerIcon}))),s.createElement(u.P,{props:i},t),s.createElement(ed,{className:eu.fieldError})))}),ey=(0,p.f)("FieldDescription",e=>{let{children:t,className:a,ref:n,...l}=e,o=(0,c.Z)("flow--field-description",a);return s.createElement(v.C,null,s.createElement(S.T,{slot:"description",...l,className:o,ref:n},t))});var eS=a(47641),ex=a(1923),eT=a(28955);let eF={radioGroup:"flow--radio-group",segmentedGroup:"flow--radio-group--segmented-group",segments:"flow--radio-group--segments",segment:"flow--radio-group--segment",checkmark:"flow--radio-group--checkmark"},ek=(0,p.f)("RadioButton",e=>{let{children:t,className:a,ref:n,...l}=e,o=(0,c.Z)("flow--radio-group--radio-button",a);return s.createElement(v.C,null,s.createElement(ez,{...l,className:o,ref:n},s.createElement(u.P,{props:{Text:{className:"flow--radio-group--radio-button--label"},Content:{className:"flow--radio-group--radio-button--content"}}},t)))}),eL=(0,p.f)("RadioGroup",e=>{let{children:t,className:a,variant:n="default",s:l,m:o,l:r,...i}=e,m=(0,c.Z)(eu.formField,a),d={Label:{className:eu.label},FieldDescription:{className:eu.fieldDescription,tunnelId:"fieldDescription"},FieldError:{className:eu.customFieldError,tunnelId:"fieldError"},RadioButton:{tunnelId:"radios"},Radio:{tunnelId:"radios"}};"segmented"===n&&(d=(0,u.m)(d,{Radio:{className:eF.segment,unstyled:!0,children:(0,I.d)(e=>s.createElement(s.Fragment,null,e.children,s.createElement(eT.I,{className:eF.checkmark})))}}));let p=!!(0,ep.d)(t,ek);return"segmented"===n&&p&&console.warn(" is not supported in 'segmented' variant of "),s.createElement(eS.Ee,{...i,className:m},s.createElement(f.NN,null,s.createElement(u.P,{props:d,dependencies:[n]},t,"segmented"===n&&s.createElement("div",{className:eF.segmentedGroup},s.createElement("div",{className:eF.segments},s.createElement(f.Rz,{id:"radios"}))),"default"===n&&p&&s.createElement(ef.C,{s:l,m:o,l:r,className:eF.radioGroup},s.createElement(f.Rz,{id:"radios"})),"default"===n&&!p&&s.createElement("div",{className:eF.radioGroup},s.createElement(f.Rz,{id:"radios"})),s.createElement(f.Rz,{id:"fieldDescription"}),s.createElement(f.Rz,{id:"fieldError"}))),s.createElement(ed,{className:eu.fieldError}))}),eB={radio:"flow--radio-group--radio",icon:"flow--radio-group--radio--icon"},ez=(0,p.f)("Radio",e=>{let{children:t,className:a,unstyled:n=!1,ref:l,...o}=e,r=n?a:(0,c.Z)(eB.radio,a);return s.createElement(v.C,null,s.createElement(eS.Y8,{...o,className:r,ref:l},e=>{let{isSelected:a}=e;return s.createElement(s.Fragment,null,a?!n&&s.createElement(ex.I,{className:eB.icon}):!n&&s.createElement(ex.a,{className:eB.icon}),t)}))});var eP=a(14560),eD=a(33254),eM=a(85109),eR=a(74711);let e_=e=>{let{className:t,children:a,...n}=e,l=(0,c.Z)("flow--select--options",t);return s.createElement(eR.P,{className:"flow--select--options--popover"},s.createElement(eP.wb,{className:l,...n},a))},eA=(0,p.f)("Select",e=>{let{children:t,className:a,onChange:n=()=>{},onSelectionChange:l=()=>{},ref:o,...r}=e,i=(0,c.Z)("flow--select",eu.formField,a),m={Label:{className:eu.label,optional:!e.isRequired},FieldDescription:{className:eu.fieldDescription},FieldError:{className:eu.customFieldError},Option:{tunnelId:"options"}};return s.createElement(eD.Ph,{...r,className:i,ref:o,onSelectionChange:e=>{n(String(e)),l(e)}},s.createElement(u.P,{props:m},s.createElement(f.NN,null,s.createElement(eM.z,{className:"flow--select--toggle"},s.createElement(eD.ki,null),s.createElement(ev.I,null)),t,s.createElement(e_,null,s.createElement(f.Rz,{id:"options"})),s.createElement(ed,{className:eu.fieldError}))))}),eV=(0,p.f)("Option",e=>{let{className:t,children:a,value:n,ref:l,...o}=e,r=(0,c.Z)("flow--select--option",t);return s.createElement(eP.m9,{className:r,ref:l,...o,id:n},a)});var eZ=a(84771),ej=a(66264),eO=a(91711);let eG={switch:"flow--switch","label-leading":"flow--switch--label-leading",track:"flow--switch--track",handle:"flow--switch--handle",label:"flow--switch--label"},eH=(0,p.f)("Switch",e=>{let{children:t,className:a,labelPosition:n="trailing",ref:l,...o}=e,r=(0,c.Z)("flow--switch",eG["label-".concat(n)],a);return s.createElement(v.C,null,s.createElement(eZ.r,{...o,className:r,ref:l},e=>{let{isSelected:a}=e;return s.createElement(s.Fragment,null,s.createElement("div",{className:"flow--switch--track"},s.createElement("div",{className:"flow--switch--handle"},a?s.createElement(eT.I,{size:"s"}):s.createElement(ej.I,{size:"s"}))),s.createElement(eO.L,{className:"flow--switch--label"},t))}))});var eK=a(41979),eU=a(4703);let eJ=(0,s.forwardRef)((e,t)=>{let{children:a,className:n,input:l,...o}=e,r=(0,c.Z)(eu.formField,n),i={Label:{className:eu.label,optional:!e.isRequired},FieldDescription:{className:eu.fieldDescription},FieldError:{className:eu.customFieldError}};return s.createElement(v.C,null,s.createElement(eU.n,{...o,className:r},l,s.createElement(u.P,{props:i},a),s.createElement(ed,{className:eu.fieldError})))}),eq=(0,p.f)("TextArea",e=>{let{children:t,placeholder:a,rows:n=5,ref:l,...o}=e,r=s.createElement(eK.K,{rows:n,placeholder:a,className:"flow--text-area",ref:l});return s.createElement(v.C,null,s.createElement(eJ,{...o,input:r},t))}),eW=(0,p.f)("TextField",e=>{let{children:t,placeholder:a,ref:n,...l}=e,o=s.createElement(eE.I,{placeholder:a,className:"flow--text-field",ref:n});return s.createElement(v.C,null,s.createElement(eJ,{...l,input:o},t))});var eX=a(18308),eQ=a(17863);let eY={breadcrumb:"flow--breadcrumb",link:"flow--breadcrumb--link",breadcrumbItem:"flow--breadcrumb--breadcrumb-item",icon:"flow--breadcrumb--icon",inverse:"flow--breadcrumb--inverse"},e$=e=>{let{children:t}=e,a=(0,c.Z)(eY.breadcrumbItem);return s.createElement(eX.aG,{className:a},t,s.createElement(eQ.I,{size:"s",className:eY.icon}))};var e0=a(6835),e1=a(23014),e4=a(8252),e2=a(12501);let e3=(0,p.f)("Header",e=>{let{children:t,ref:a,elementType:n="header",...l}=e;return s.createElement(n,{...l,ref:a},t)});var e8=a(43329);let e6={inlineAlert:"flow--inline-alert",statusIcon:"flow--inline-alert--status-icon",heading:"flow--inline-alert--heading",content:"flow--inline-alert--content",info:"flow--inline-alert--info",warning:"flow--inline-alert--warning",danger:"flow--inline-alert--danger",success:"flow--inline-alert--success"},e5=(0,p.f)("InlineAlert",e=>{let{children:t,className:a,status:n="info",ref:l,...o}=e,r=(0,c.Z)("flow--inline-alert",e6[n],a);return s.createElement(v.C,null,s.createElement("aside",{...o,className:r,ref:l},s.createElement(e8.S,{className:"flow--inline-alert--status-icon",status:n}),s.createElement(u.P,{props:{Heading:{className:"flow--inline-alert--heading",level:3},Content:{className:"flow--inline-alert--content",Button:{size:"s"}}}},t)))});var e7=a(90783),e9=a(98122),te=a(70500),tt=a(42603),ta=a(87704);let tn={progressBar:"flow--progress-bar",label:"flow--progress-bar--label",value:"flow--progress-bar--value",bar:"flow--progress-bar--bar",fill:"flow--progress-bar--fill","size-s":"flow--progress-bar--size-s",info:"flow--progress-bar--info",success:"flow--progress-bar--success",danger:"flow--progress-bar--danger",warning:"flow--progress-bar--warning"};var tl=a(45582),to=a(44118),tr=a(44104),ts=a(10816),ti=a(89165),tc=a(88888),tm=a(53492),td=a(50270),tu=a(16219),tf=a(99227),tp=a(1576),th=a(60),tw=a(70811),tg=a(56283),tb=a(34946);function tE(e){return null}var tv=Object.defineProperty,tI=(e,t,a)=>t in e?tv(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,tC=(e,t,a)=>(tI(e,"symbol"!=typeof t?t+"":t,a),a);let tN=(0,s.createContext)({}),ty=()=>(0,s.useContext)(tN).list,tS=e=>s.createElement(s.Fragment,null,e.children()),tx=()=>ty().loader.getLoaderInvocationHooks().map((e,t)=>s.createElement(tS,{key:t},()=>{e()})),tT=e=>{let{sorting:t}=e;return s.createElement(T.M,{id:t.getTableColumn().id},t.name)},tF={"de-DE":{options:"Optionen",paginationInfo:"{visibleItemsCount} von insgesamt {totalItemsCount} angezeigt",paginationInfoFiltered:"{visibleItemsCount} von insgesamt {filteredItemsCount} (gefiltert aus {totalItemsCount}) angezeigt",resetAll:"Alles zur\xfccksetzen",setSorting:"Sortierung: {property}",showMore:"Mehr anzeigen",sorting:"Sortierung"},"en-EN":{options:"Options",paginationInfo:"Showing {visibleItemsCount} of {totalItemsCount}",paginationInfoFiltered:"Showing {visibleItemsCount} of {filteredItemsCount} (unfiltered total count {totalItemsCount})",resetAll:"Reset filters",setSorting:"Sorting: {property}",showMore:"Show more",sorting:"Sorting"}},tk=e=>{let{children:t,locales:a,variables:n}=e;return(0,ts.h)(a)(t,n)},tL=()=>{var e;let t=ty(),a=t.sorting.map(e=>s.createElement(tT,{sorting:e,key:e.getTableColumn().id}));if(0===t.sorting.length)return null;let n=t.sorting.find(e=>e.isSorted()),l=s.createElement(S.T,null,n?s.createElement(tk,{locales:tF,variables:{property:null!==(e=n.name)&&void 0!==e?e:n.property}},"setSorting"):s.createElement(tk,{locales:tF},"sorting"));return s.createElement(F.bF,null,s.createElement(L.B,{variant:"soft",size:"s",color:"secondary"},l,s.createElement(ev.I,null)),s.createElement(x.C,{selectionMode:"single",selectedKeys:n?[n.property]:[],onAction:e=>{t.getSorting(String(e)).enable()}},a))},tB=e=>{var t;let{filter:a}=e,n=a.values.map(e=>s.createElement(T.M,{key:a.getValueId(e),id:String(e)},String(e))),l=a.values.filter(e=>a.isValueActive(e)).map(e=>String(e));return s.createElement(F.bF,null,s.createElement(L.B,{variant:"soft",size:"s",color:"secondary"},s.createElement(S.T,null,null!==(t=a.name)&&void 0!==t?t:a.property),s.createElement(ev.I,null)),s.createElement(x.C,{onAction:e=>{a.toggleValue(e)},selectionMode:"multiple",selectedKeys:l},n))},tz={activeFilters:"flow--list--header--active-filters",clearButton:"flow--list--header--clear-button"},tP=()=>{let e=ty(),t=e.filters.flatMap(e=>e.values.filter(t=>e.isValueActive(t)).map(t=>s.createElement(L.B,{variant:"soft",size:"s",key:String(t),onPress:()=>e.deactivateValue(t)},s.createElement(S.T,null,String(t)),s.createElement(ej.I,null))));return t.length<=0?null:s.createElement("div",{className:tz.activeFilters},t,s.createElement(L.B,{className:tz.clearButton,size:"s",variant:"plain",onPress:()=>e.clearFilters()},s.createElement(tk,{locales:tF},"resetAll")))},tD=e=>{let{className:t}=e,a=ty().filters.map(e=>s.createElement(tB,{key:e.property,filter:e}));return s.createElement("div",{className:(0,c.Z)(t,"flow--list--header")},s.createElement("div",{className:"flow--list--header--picker-list"},s.createElement(tL,null),a),s.createElement(tP,null))},tM=(n=class{render(){var e;return(null!==(e=this.collection.list.render)&&void 0!==e?e:n.fallbackRenderItemFn)(this.data)}static fromRow(e,t){return new n(e,t.id,t.original)}constructor(e,t,a){tC(this,"id"),tC(this,"data"),tC(this,"collection"),this.collection=e,this.id=t,this.data=a}},tC(n,"fallbackRenderItemFn",e=>(0,s.createElement)("pre",void 0,JSON.stringify(e))),n);class tR{static useNew(e){return new tR(e)}get entries(){return this.list.reactTable.table.getRowModel().rows.map(e=>tM.fromRow(this,e))}constructor(e){tC(this,"list"),this.list=e}}class t_{get reactTable(){return this.list.reactTable.table}getBatchIndex(){return this.reactTable.getState().pagination.pageIndex}hasNextBatch(){return this.reactTable.getCanNextPage()}getTotalItemsCount(){return this.reactTable.getRowCount()}getFilteredItemsCount(){return this.reactTable.getFilteredRowModel().rows.length}getVisibleItemsCount(){return this.reactTable.getRowModel().rows.length}updateItemTotalCount(e){this.reactTable.setOptions(t=>({...t,rowCount:e}))}reset(){this.updateItemTotalCount(0),this.reactTable.setPagination(()=>({pageIndex:0,pageSize:this.batchSize}))}nextBatch(){if(this.list.loader.manualPagination)this.reactTable.nextPage();else{let e=this.reactTable.getState().pagination.pageSize+this.batchSize;this.reactTable.setPagination(t=>({...t,pageSize:e}))}}constructor(e,t={}){tC(this,"batchSize"),tC(this,"list");let{batchSize:a=20}=t;this.list=e,this.batchSize=a,e.filters.forEach(e=>e.onFilterUpdated(()=>this.reset()))}}let tA=(e,t)=>e===t;class tV{updateTableColumnDef(e){e.enableColumnFilter=!0,e.filterFn=this.getReactTableFilterFn()}getReactTableFilterFn(){return(e,t,a)=>this.checkFilterMatches((0,V.$s)(e.original,this.property),a)}checkFilterMatches(e,t){if(null===t)return!0;let a=e=>Array.isArray(e)?e:[e],n=t=>this.matcher(t,e);if("all"===this.mode)return a(t).every(n);if("some"===this.mode){let e=a(t);return 0===e.length||e.some(n)}if("one"===this.mode)return n(t);throw Error("Unknown filter mode '".concat(this.mode,"'"))}getTableColumnFilter(){return this.list.reactTable.table.getState().columnFilters.find(e=>e.id===this.property)}getTableColumn(){return this.list.reactTable.getTableColumn(this.property)}getValue(){var e,t;return null!==(t=null==(e=this.getTableColumnFilter())?void 0:e.value)&&void 0!==t?t:null}getValueId(e){return"".concat(this.property,"@@").concat(String(e))}get values(){var e;return null!==(e=this._values)&&void 0!==e?e:Array.from(this.getTableColumn().getFacetedUniqueValues().keys())}getArrayValue(){let e=this.getValue();return Array.isArray(e)?e:null===e?[]:[e]}isValueActive(e){return this.getArrayValue().includes(e)}isActive(){return this.getArrayValue().length>0}activateValue(e){let t;let a=this.getArrayValue();t="all"===this.mode||"some"===this.mode?[...a,e]:e,this.list.reactTable.getTableColumn(this.property).setFilterValue(t),this.onFilterUpdateCallbacks.forEach(e=>e())}deactivateValue(e){let t;let a=this.getArrayValue();t="all"===this.mode||"some"===this.mode?a.filter(t=>t!==e):null,this.list.reactTable.getTableColumn(this.property).setFilterValue(t),this.onFilterUpdateCallbacks.forEach(e=>e())}clearValues(){let e;e="all"===this.mode||"some"===this.mode?[]:null,this.list.reactTable.getTableColumn(this.property).setFilterValue(e),this.onFilterUpdateCallbacks.forEach(e=>e())}toggleValue(e){let t;let a=this.isValueActive(e),n=this.getArrayValue();t="all"===this.mode||"some"===this.mode?a?n.filter(t=>t!==e):[...n,e]:a?null:e,this.list.reactTable.getTableColumn(this.property).setFilterValue(t),this.onFilterUpdateCallbacks.forEach(e=>e())}onFilterUpdated(e){this.onFilterUpdateCallbacks.add(e)}constructor(e,t){var a,n;tC(this,"_values"),tC(this,"list"),tC(this,"property"),tC(this,"mode"),tC(this,"matcher"),tC(this,"name"),tC(this,"onFilterUpdateCallbacks",new Set),this.list=e,this.property=t.property,this.mode=null!==(a=t.mode)&&void 0!==a?a:"one",this._values=t.values,this.matcher=null!==(n=t.matcher)&&void 0!==n?n:tA,this.name=t.name}}class tZ{updateTableColumnDef(e){e.enableSorting=!0}isSorted(){return!1!==this.list.reactTable.getTableColumn(this.property).getIsSorted()}getTableColumn(){return this.list.reactTable.getTableColumn(this.property)}enable(){this.list.reactTable.getTableColumn(this.property).toggleSorting("desc"===this.direction,!1)}clear(){this.list.reactTable.getTableColumn(this.property).clearSorting()}constructor(e,t){var a;tC(this,"list"),tC(this,"property"),tC(this,"name"),tC(this,"direction"),tC(this,"defaultEnabled"),this.list=e,this.property=t.property,this.name=t.name,this.direction=null!==(a=t.direction)&&void 0!==a?a:"asc",this.defaultEnabled=!!t.defaultEnabled}}let tj=e=>(0,s.useEffect)((0,tu.EH)(e));class tO{static useNew(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new tO(e,t)}useReactTable(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.list.loader.useData(),a=this.list.sorting.filter(e=>e.defaultEnabled),n=(0,ti.b7)({data:t,initialState:{pagination:{pageSize:this.list.batches.batchSize},sorting:a.map(e=>({id:String(e.property),desc:"desc"===e.direction}))},columns:this.getTableColumnDefs(),getCoreRowModel:(0,tc.sC)(),getSortedRowModel:(0,tc.tj)(),getFilteredRowModel:(0,tc.vL)(),getPaginationRowModel:(0,tc.G_)(),getFacetedUniqueValues:(0,tc.JG)(),onStateChange:this.onTableStateChange,...e});return this.useUpdateTableState(n),n}useUpdateTableState(e){tj(()=>{let t=this.tableState.value;t?e.setOptions(e=>({...e,state:t})):this.tableState.value=e.getState()})}getUpdatedTableState(e,t){return t}getTableColumn(e){let t=this.table.getColumn(e);return tm(!!t,"Column #".concat(e," is not defined")),t}getTableColumnDefs(){let e=new Map,t=t=>{let a=e.get(t);if(a)return a;let n={id:t,accessorKey:t,enableSorting:!1,enableColumnFilter:!1};return e.set(t,n),n};return this.list.filters.forEach(e=>e.updateTableColumnDef(t(e.property))),this.list.sorting.forEach(e=>e.updateTableColumnDef(t(e.property))),Array.from(e.values())}constructor(e,t={}){tC(this,"list"),tC(this,"table"),tC(this,"tableState"),tC(this,"onTableStateChange",e=>{let t=this.tableState.value;if(!t)return;let a="function"==typeof e?e(t):e;(0,tu.z)(()=>{this.tableState.value=this.getUpdatedTableState(t,a)})}),this.list=e,this.tableState=(0,td.fv)(()=>({value:void 0})),this.table=this.useReactTable(t)}}class tG{static useNew(){return(0,s.useState)(new tG)[0]}reset(){this.batchLoadingStates=[],this.dataBatches=[]}setDataBatch(e,t){0===this.dataBatches.length&&(this.prevDataBatches=[]),this.dataBatches[e]!==t&&(this.dataBatches[e]=t,this.prevDataBatches[e]=t)}setBatchLoadingState(e,t){this.batchLoadingStates[e]!==t&&(this.batchLoadingStates[e]=t)}get mergedData(){return(0===this.dataBatches.length?this.prevDataBatches:this.dataBatches).flatMap(e=>e)}useMergedData(){return(0,th.u)(()=>this.mergedData)}get isLoading(){return this.batchLoadingStates.some(e=>"loading"===e)}useIsLoading(){return(0,th.u)(()=>this.isLoading)}constructor(){tC(this,"dataBatches",[]),tC(this,"prevDataBatches",[]),tC(this,"batchLoadingStates",[]),(0,tu.rC)(this,{dataBatches:tu.LO,batchLoadingStates:tu.LO,mergedData:tu.Fl,isLoading:tu.Fl,reset:tu.aD.bound,setDataBatch:tu.aD.bound,setBatchLoadingState:tu.aD.bound})}}let tH=[];class tK{static useNew(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new tK(e,t)}reset(){this.loaderState.reset()}useIsLoading(){return this.loaderState.useIsLoading()}useData(){return this.loaderState.useMergedData()}getLoaderInvocationHooks(){return(0,tp.D)(this.list.batches.getBatchIndex()+1,e=>e).map(e=>()=>{this.useLoadBatch(e)})}useLoadBatch(e){let t=this.getBatchDataAsyncResource(e),a=t.use({useSuspense:!1});(0,s.useEffect)(()=>{if(!a.hasValue)return;let{data:t,itemTotalCount:n}=a.value;this.loaderState.setDataBatch(e,t),void 0!==n&&this.list.batches.updateItemTotalCount(n)},[e,a.maybeValue]),(0,s.useEffect)(()=>(this.loaderState.setBatchLoadingState(e,t.state.value),t.state.observe(t=>{this.loaderState.setBatchLoadingState(e,t)})),[t,e])}getDataLoaderOptions(e){return{pagination:this.manualPagination?{limit:this.list.batches.batchSize,offset:this.list.batches.batchSize*e}:void 0,sorting:this.manualSorting?Object.fromEntries(this.list.sorting.filter(e=>e.isSorted()).map(e=>[e.property,e.direction])):void 0,filtering:this.manualFiltering?Object.fromEntries(this.list.filters.filter(e=>null!==e.getValue()).map(e=>[e.property,{mode:e.mode,values:e.getArrayValue()}])):void 0}}getBatchDataAsyncResource(e){let t=this.dataSource,a=this.getDataLoaderOptions(e);if("staticData"in t){let e=t.staticData;return(0,tf.aP)(async()=>({data:e,itemTotalCount:e.length}),[])}if("asyncLoader"in t){let e=t.asyncLoader;return(0,tf.aP)(e,[a])}if("asyncResourceFactory"in t)return(0,t.asyncResourceFactory)(a);throw Error("Unknown data source")}constructor(e,t={}){tC(this,"list"),tC(this,"dataSource"),tC(this,"manualSorting"),tC(this,"manualFiltering"),tC(this,"manualPagination"),tC(this,"loaderState");let{source:a}=t;this.dataSource=null!=a?a:{staticData:tH};let n="manualPagination"in this.dataSource?this.dataSource.manualPagination:void 0,l="manualFiltering"in this.dataSource?this.dataSource.manualFiltering:void 0,o="manualSorting"in this.dataSource?this.dataSource.manualSorting:void 0;this.list=e,this.loaderState=tG.useNew(),this.manualPagination=null!=n&&n,this.manualFiltering=null!=l?l:this.manualPagination,this.manualSorting=null!=o?o:this.manualPagination,this.list.filters.forEach(e=>e.onFilterUpdated(()=>this.reset()))}}let tU=class e{static useNew(t){return new e(t)}isFiltered(){return this.filters.some(e=>e.isActive())}getSorting(e){let t=this.sorting.find(t=>t.property===e);return tm(!!t,"Could not get Sorting (property: ".concat(e,")")),t}clearSorting(){return this.sorting.forEach(e=>e.clear())}clearFilters(){return this.filters.forEach(e=>e.clearValues())}constructor(e){tC(this,"filters"),tC(this,"sorting"),tC(this,"items"),tC(this,"render"),tC(this,"reactTable"),tC(this,"batches"),tC(this,"loader");let{render:t,filters:a=[],sorting:n=[],batchesController:l}=e;this.render=t,this.items=tR.useNew(this),this.filters=a.map(e=>new tV(this,e)),this.sorting=n.map(e=>new tZ(this,e)),this.batches=new t_(this,l),this.loader=tK.useNew(this,e.loader),this.reactTable=tO.useNew(this,{manualFiltering:this.loader.manualFiltering,manualPagination:this.loader.manualPagination,manualSorting:this.loader.manualSorting})}},tJ={itemList:"flow--list--items--item-list",isLoading:"flow--list--items--is-loading"},tq={item:"flow--list--items--item",optionsButton:"flow--list--items--options-button",avatar:"flow--list--items--avatar",text:"flow--list--items--text",statusBadge:"flow--list--items--status-badge",heading:"flow--list--items--heading",content:"flow--list--items--content"},tW=e=>{let{className:t,children:a}=e,n=(0,P.q)(tF);return s.createElement(F.bF,null,s.createElement(L.B,{variant:"plain",className:t,"aria-label":n.format("options")},s.createElement(tb.I,null)),a)},tX=e=>{let{children:t}=e,a=(0,T.d)(t,tg.L),n={Avatar:{className:tq.avatar},Heading:{className:tq.heading,level:3},Text:{className:tq.text},StatusBadge:{className:tq.statusBadge},Content:{className:tq.content},ContextMenu:{render:(e,t)=>s.createElement(tW,{className:tq.optionsButton},s.createElement(e,{...t,placement:"bottom end"}))}},l={...n,Link:{className:tq.item,unstyled:!0,...n}};return s.createElement(tw.W,{if:!a},s.createElement("div",{className:tq.item},s.createElement(u.P,{props:l},t)))},tQ=e=>s.createElement(et,null,JSON.stringify(e.data)),tY=e=>{let{className:t}=e,a=ty(),n=a.loader.useIsLoading(),l=a.items.entries.map(e=>s.createElement(tX,{key:e.id},s.createElement(s.Suspense,null,e.render()))),o=(0,c.Z)(tJ.itemList,t,n&&tJ.isLoading);return s.createElement("div",{className:o},l)};function t$(e){return null}function t0(e){return null}function t1(e){return null}function t4(e){return null}function t2(e){return null}let t3=e=>{let t=(0,ts.h)(tF),a=ty(),n=a.batches,l=a.isFiltered()&&!a.loader.manualFiltering,o=n.getTotalItemsCount(),r=n.getFilteredItemsCount(),i=n.getVisibleItemsCount();if(0===o)return null;let c=l?t("paginationInfoFiltered",{visibleItemsCount:i,filteredItemsCount:r,totalItemsCount:o}):t("paginationInfo",{visibleItemsCount:i,totalItemsCount:o});return s.createElement(S.T,{...e},c)},t8=e=>{let t=(0,P.q)(tF),a=ty(),n=a.loader.useIsLoading(),l=a.batches.hasNextBatch();return s.createElement(L.B,{isPending:n,...e,onPress:()=>a.batches.nextBatch(),variant:"plain",isDisabled:!l,size:"s"},t.format("showMore"))},t6=()=>s.createElement("div",{className:"flow--list--footer"},s.createElement(t3,null),s.createElement(t8,null)),t5=[{hostname:"my-domain.de",domain:"my-domain.de",type:"Domain",verified:!0,tld:"de"},{hostname:"www.my-domain.de",domain:"my-domain.de",type:"Subdomain",verified:!0,tld:"de"},{hostname:"www.one-more-domain.com",domain:"one-more-domain.com",type:"Subdomain",verified:!0,tld:"com"},{hostname:"shop.one-more-domain.com",domain:"one-more-domain.com",type:"Subdomain",verified:!0,tld:"com"},{hostname:"blog.my-domain.de",domain:"my-domain.de",type:"Subdomain",verified:!0,tld:"de"},{hostname:"another-domain.de",domain:"another-domain.de",type:"Domain",verified:!1,tld:"de"},{hostname:"one-more-domain.com",domain:"one-more-domain.com",type:"Domain",verified:!0,tld:"com"}];t5.map(e=>e.type).filter((e,t,a)=>a.indexOf(e)===t);let t7={"ExampleSvg:@/content/01-getting-started/stylesheet/examples/components/ExampleSvg":e=>{let{className:t}=e;return(0,o.jsx)("svg",{"aria-hidden":"false",focusable:"false","data-prefix":"fas","data-icon":"circle-info",className:(0,c.Z)("svg-inline--fa",t),role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512","aria-label":"Information",children:(0,o.jsx)("path",{fill:"currentColor",d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"})})},"Button:@mittwald/flow-react-components/Button":m.Button,"Action:@mittwald/flow-react-components/Action":d.A,"sleepLong:@/content/02-components/actions/action/examples/lib":()=>new Promise(e=>setTimeout(e,1700)),"Modal:@mittwald/flow-react-components/Modal":g,"Heading:@mittwald/flow-react-components/Heading":b.Heading,"Content:@mittwald/flow-react-components/Content":E.C,"ButtonGroup:@mittwald/flow-react-components/ButtonGroup":N,"sleep:@/content/02-components/actions/action/examples/lib":()=>new Promise(e=>setTimeout(e,700)),"IconHome:@mittwald/flow-react-components/Icons":y.IconHome,"Text:@mittwald/flow-react-components/Text":S.T,"IconChevronDown:@mittwald/flow-react-components/Icons":y.IconChevronDown,"ContextMenu:@mittwald/flow-react-components/ContextMenu":x.C,"ContextMenuTrigger:@mittwald/flow-react-components/ContextMenu":F.bF,"MenuItem:@mittwald/flow-react-components/MenuItem":T.M,"IconInfo:@mittwald/flow-react-components/Icons":y.IconInfo,"CopyButton:@mittwald/flow-react-components/CopyButton":j,"Avatar:@mittwald/flow-react-components/Avatar":e=>{let{children:t,className:a,variant:n,size:l="m"}=(0,O.u)("Avatar",e),o=(0,c.Z)("flow--avatar",K["size-".concat(l)],a,K["variant-".concat(null!=n?n:U(t))]);return s.createElement(v.C,null,s.createElement("div",{className:o},s.createElement(u.P,{props:{Initials:{className:"flow--avatar--initials"},Icon:{className:"flow--avatar--icon"}}},t)))},"Initials:@mittwald/flow-react-components/Initials":q,"IconCustomer:@mittwald/flow-react-components/Icons":y.IconCustomer,"Image:@mittwald/flow-react-components/Image":W,"IconMember:@mittwald/flow-react-components/Icons":y.IconMember,"IconApp:@mittwald/flow-react-components/Icons":y.IconApp,"IconBackup:@mittwald/flow-react-components/Icons":y.IconBackup,"IconCronjob:@mittwald/flow-react-components/Icons":y.IconCronjob,"IconDatabase:@mittwald/flow-react-components/Icons":y.IconDatabase,"IconDomain:@mittwald/flow-react-components/Icons":y.IconDomain,"IconEmail:@mittwald/flow-react-components/Icons":y.IconEmail,"IconInbox:@mittwald/flow-react-components/Icons":y.IconInbox,"IconMittwald:@mittwald/flow-react-components/Icons":y.IconMittwald,"IconProject:@mittwald/flow-react-components/Icons":y.IconProject,"IconSearchEngine:@mittwald/flow-react-components/Icons":y.IconSearchEngine,"IconServer:@mittwald/flow-react-components/Icons":y.IconServer,"IconSettings:@mittwald/flow-react-components/Icons":y.IconSettings,"IconSpamProtectionOff:@mittwald/flow-react-components/Icons":y.IconSpamProtectionOff,"IconSpamProtectionOn:@mittwald/flow-react-components/Icons":y.IconSpamProtectionOn,"IconSshSftp:@mittwald/flow-react-components/Icons":y.IconSshSftp,"IconSubdomain:@mittwald/flow-react-components/Icons":y.IconSubdomain,"IconSupport:@mittwald/flow-react-components/Icons":y.IconSupport,"Label:@mittwald/flow-react-components/Label":X._,"LabeledValue:@mittwald/flow-react-components/LabeledValue":e=>{let{children:t,className:a}=e,n=(0,c.Z)(Q.labeledValue,a),l={Label:{className:Q.label},CopyButton:{className:Q.button,variant:"plain",size:"s"},Button:{className:Q.button,variant:"plain",size:"s"}};return s.createElement(v.C,null,s.createElement("div",{className:n},s.createElement(u.P,{props:l},t)))},"ColumnLayout:@mittwald/flow-react-components/ColumnLayout":Y.ColumnLayout,"IconBackLink:@mittwald/flow-react-components/Icons":y.IconBackLink,"IconCheck:@mittwald/flow-react-components/Icons":y.IconCheck,"IconCheckboxChecked:@mittwald/flow-react-components/Icons":y.IconCheckboxChecked,"IconCheckboxEmpty:@mittwald/flow-react-components/Icons":y.IconCheckboxEmpty,"IconCheckboxIndeterminate:@mittwald/flow-react-components/Icons":y.IconCheckboxIndeterminate,"IconChevronLeft:@mittwald/flow-react-components/Icons":y.IconChevronLeft,"IconChevronRight:@mittwald/flow-react-components/Icons":y.IconChevronRight,"IconChevronUp:@mittwald/flow-react-components/Icons":y.IconChevronUp,"IconClose:@mittwald/flow-react-components/Icons":y.IconClose,"IconCode:@mittwald/flow-react-components/Icons":y.IconCode,"IconContextMenu:@mittwald/flow-react-components/Icons":y.IconContextMenu,"IconCopy:@mittwald/flow-react-components/Icons":y.IconCopy,"IconDashboard:@mittwald/flow-react-components/Icons":y.IconDashboard,"IconDate:@mittwald/flow-react-components/Icons":y.IconDate,"IconDelete:@mittwald/flow-react-components/Icons":y.IconDelete,"IconExternalLink:@mittwald/flow-react-components/Icons":y.IconExternalLink,"IconFilter:@mittwald/flow-react-components/Icons":y.IconFilter,"IconHide:@mittwald/flow-react-components/Icons":y.IconHide,"IconListView:@mittwald/flow-react-components/Icons":y.IconListView,"IconLogout:@mittwald/flow-react-components/Icons":y.IconLogout,"IconMinus:@mittwald/flow-react-components/Icons":y.IconMinus,"IconNotification:@mittwald/flow-react-components/Icons":y.IconNotification,"IconPlus:@mittwald/flow-react-components/Icons":y.IconPlus,"IconRadioOff:@mittwald/flow-react-components/Icons":y.IconRadioOff,"IconRadioOn:@mittwald/flow-react-components/Icons":y.IconRadioOn,"IconRandom:@mittwald/flow-react-components/Icons":y.IconRandom,"IconSave:@mittwald/flow-react-components/Icons":y.IconSave,"IconSearch:@mittwald/flow-react-components/Icons":y.IconSearch,"IconShare:@mittwald/flow-react-components/Icons":y.IconShare,"IconShow:@mittwald/flow-react-components/Icons":y.IconShow,"IconSorting:@mittwald/flow-react-components/Icons":y.IconSorting,"IconTerminate:@mittwald/flow-react-components/Icons":y.IconTerminate,"IconTileView:@mittwald/flow-react-components/Icons":y.IconTileView,"IconTime:@mittwald/flow-react-components/Icons":y.IconTime,"IconDanger:@mittwald/flow-react-components/Icons":y.IconDanger,"IconFailed:@mittwald/flow-react-components/Icons":y.IconFailed,"IconPending:@mittwald/flow-react-components/Icons":y.IconPending,"IconSucceeded:@mittwald/flow-react-components/Icons":y.IconSucceeded,"IconSuccess:@mittwald/flow-react-components/Icons":y.IconSuccess,"IconWarning:@mittwald/flow-react-components/Icons":y.IconWarning,"Icon:@mittwald/flow-react-components/Icon":B.I,"IconStar:@tabler/icons-react":$.Z,"IllustratedMessage:@mittwald/flow-react-components/IllustratedMessage":e=>{let{className:t,children:a,variant:n="info",...l}=e,o=(0,c.Z)("flow--illustrated-message--illustrated-message-container",t);return s.createElement("div",{...l,className:o},s.createElement("div",{className:(0,c.Z)("flow--illustrated-message",ee[n])},s.createElement(u.P,{props:{Icon:{className:"flow--illustrated-message--icon",size:"l"},Heading:{className:"flow--illustrated-message--heading"},Text:{className:"flow--illustrated-message--text"},Button:{className:"flow--illustrated-message--button",color:"accent"}}},a)))},"InlineCode:@mittwald/flow-react-components/InlineCode":et,"Link:@mittwald/flow-react-components/Link":ea.Link,"CheckboxButton:@mittwald/flow-react-components/CheckboxButton":ei,"CheckboxGroup:@mittwald/flow-react-components/CheckboxGroup":ew,"Checkbox:@mittwald/flow-react-components/Checkbox":es,"NumberField:@mittwald/flow-react-components/NumberField":eN,"FieldDescription:@mittwald/flow-react-components/FieldDescription":ey,"FieldError:@mittwald/flow-react-components/FieldError":ed,"RadioGroup:@mittwald/flow-react-components/RadioGroup":eL,"RadioButton:@mittwald/flow-react-components/RadioGroup":ek,"Radio:@mittwald/flow-react-components/RadioGroup":ez,"Select:@mittwald/flow-react-components/Select":eA,"Option:@mittwald/flow-react-components/Select":eV,"Switch:@mittwald/flow-react-components/Switch":eH,"TextArea:@mittwald/flow-react-components/TextArea":eq,"TextField:@mittwald/flow-react-components/TextField":eW,"Breadcrumb:@mittwald/flow-react-components/Breadcrumb":e=>{let{children:t,className:a,inverse:n,...l}=e,o=(0,c.Z)(eY.breadcrumb,n&&eY.inverse,a);return s.createElement(eX.Oo,{...l,className:o},s.createElement(u.P,{props:{Link:{render:(e,t)=>s.createElement(e$,null,s.createElement(e,{...t,unstyled:!0,className:eY.link}))}}},t))},"HeaderNavigation:@mittwald/flow-react-components/HeaderNavigation":e0.HeaderNavigation,"Navigation:@mittwald/flow-react-components/Navigation":e1.W_,"NavigationGroup:@mittwald/flow-react-components/Navigation":e1.KB,"Tabs:@mittwald/flow-react-components/Tabs":e4.Tabs,"Tab:@mittwald/flow-react-components/Tabs":e4.Tab,"TabTitle:@mittwald/flow-react-components/Tabs":e4.TabTitle,"Section:@mittwald/flow-react-components/Section":e2.Section,"Header:@mittwald/flow-react-components/Header":e3,"InlineAlert:@mittwald/flow-react-components/InlineAlert":e5,"StatusIcon:@mittwald/flow-react-components/StatusIcon":e8.S,"OverlayTrigger:@mittwald/flow-react-components/OverlayTrigger":e7.OverlayTrigger,"OffCanvas:@mittwald/flow-react-components/OffCanvas":e9.OffCanvas,"IconMenu:@mittwald/flow-react-components/Icons":y.IconMenu,"Tooltip:@mittwald/flow-react-components/Tooltip":R,"TooltipTrigger:@mittwald/flow-react-components/Tooltip":_,"LoadingSpinner:@mittwald/flow-react-components/LoadingSpinner":te.L,"ProgressBar:@mittwald/flow-react-components/ProgressBar":e=>{let{children:t,className:a,status:n="info",showMaxValue:l,size:o="m",...r}=e,i=(0,c.Z)(a,"flow--progress-bar",tn["size-".concat(o)],tn[n]),m=(0,ta.U)(e.formatOptions),d=l&&e.maxValue?m.format(e.maxValue):void 0,f={Label:{className:"flow--progress-bar--label",unstyled:!0}};return s.createElement(tt.k,{className:i,...r},e=>{let{percentage:a,valueText:n}=e;return s.createElement(u.P,{props:f},t,s.createElement("span",{className:"flow--progress-bar--value"},d?"".concat(n," of ").concat(d):n),s.createElement("div",{className:"flow--progress-bar--bar"},s.createElement("div",{className:"flow--progress-bar--fill",style:{width:a+"%"}})))})},"StatusBadge:@mittwald/flow-react-components/StatusBadge":tl.StatusBadge,"Accordion:@mittwald/flow-react-components/Accordion":to.A,"LayoutCard:@mittwald/flow-react-components/LayoutCard":tr.LayoutCard,"List:@mittwald/flow-react-components/List":function(e){var t,a,n,l,o;let{children:r,batchSize:i,...c}=e,m=null==(t=(0,ep.d)(r,t$))?void 0:t.props,d=null==(a=(0,ep.d)(r,tE))?void 0:a.props,u=null==(n=(0,ep.d)(r,t2))?void 0:n.props,f={source:m?{...m,asyncLoader:m.children}:d?{...d,asyncResourceFactory:d.children}:u?{staticData:u.data}:void 0},p=tU.useNew({loader:f,filters:(0,ep.a)(r,t0).map(e=>e.props),sorting:(0,ep.a)(r,t1).map(e=>e.props),render:null!==(o=null==(l=(0,ep.d)(r,t4))?void 0:l.props.children)&&void 0!==o?o:e=>s.createElement(tQ,{data:e}),...c,batchesController:{batchSize:i}});return s.createElement(tN.Provider,{value:{list:p}},s.createElement(tx,null),s.createElement("div",{className:"flow--list"},s.createElement(tD,null),s.createElement(tY,null),s.createElement(t6,null)))},"ListFilter:@mittwald/flow-react-components/List":t0,"ListItemView:@mittwald/flow-react-components/List":t4,"ListSorting:@mittwald/flow-react-components/List":t1,"ListStaticData:@mittwald/flow-react-components/List":t2,"domains:@/content/02-components/structure/list/examples/domainApi":t5,"MenuItem:@mittwald/flow-react-components/ContextMenu":T.M},t9=e=>{var t;return null!==(t=t7[e])&&void 0!==t?t:()=>{throw Error("Could not find component '".concat(e,"'. Run 'yarn build:imports'."))}};var ae=a(78013),at=a(46071);let aa=ae.Parser.extend((0,at.Z)()),an=e=>Object.assign({},...aa.parse(e,{ecmaVersion:14,sourceType:"module"}).body.filter(e=>"ImportDeclaration"===e.type).map(e=>({names:e.specifiers.filter(e=>!(e&&"object"==typeof e&&"importKind"in e&&"type"===e.importKind)).map(e=>e.local.name),source:e.source.value})).flatMap(e=>e.names.map(t=>({[t]:t9("".concat(t,":").concat(e.source))}))));function al(e,t){if("JSXElement"===t.type||"JSXFragment"===t.type||"ArrowFunctionExpression"===t.type)return e.slice(t.start,t.end);if("FunctionDeclaration"===t.type){let a=t.body.body.find(e=>"ReturnStatement"===e.type);if(void 0==a||void 0==a.argument)throw Error("Function does not have return statement.");return e.slice(a.argument.start,a.argument.end)}throw Error("No parsable expression found.")}var ao=a(71615),ar=a.n(ao),as=a(50807),ai=a.n(as);let ac=e=>(0,o.jsx)("div",{className:ai().row,children:e.children});var am=a(56479),ad=a.n(am);let au=e=>(0,o.jsx)("div",{className:ad().column,children:e.children});var af=a(39270),ap=a(1779);let ah=console.error;console.error=function(){for(var e=arguments.length,t=Array(e),a=0;a{let{code:t,className:a,editorCollapsed:n,editorDisabled:r,zoom:d=1,inverse:u}=e,[f,p]=(0,s.useState)(n);if("string"!=typeof t)throw Error("Expected code prop to be of type 'string'.");let h=an(t),w=t.replace(/\r?\n$/,"");return(0,o.jsx)(i.nu,{code:w,scope:{...h,...l},transformCode:e=>{try{return function(e){let t=aa.parse(e,{ecmaVersion:14,sourceType:"module"}),a=t.body.find(e=>"ExportDefaultDeclaration"===e.type);if(void 0===a&&t.body.some(e=>"ExpressionStatement"===e.type)){let a=t.body.find(e=>"ExpressionStatement"===e.type);if(void 0==a)throw Error("Default export needs to be expression.");return al(e,a.expression)}if(void 0===a)throw Error("Could not find default export");if("ArrowFunctionExpression"===a.declaration.type||"JSXElement"===a.declaration.type||"JSXFragment"===a.declaration.type||"FunctionDeclaration"===a.declaration.type)return al(e,a.declaration);throw Error("No default export or top-level expression found.")}(e)}catch(e){return"

    Example could not be parsed: ".concat(String(e),"

    ")}},children:(0,o.jsxs)("div",{className:(0,c.Z)(ar().liveCodeEditor,a),children:[(0,o.jsx)(i.i5,{className:(0,c.Z)(ar().preview,u&&ar().inverse),style:{zoom:d}}),!r&&(0,o.jsx)("div",{className:ar().actions,children:(0,o.jsx)(m.Button,{className:ar().toggleCode,size:"s",variant:"plain",onPress:()=>p(!f),children:(0,o.jsx)(af.Z,{})})}),!f&&!r&&(0,o.jsx)("div",{className:ar().editorContainer,children:(0,o.jsx)(i.uz,{theme:ap.np.vsLight,className:ar().editor})}),(0,o.jsx)(i.IF,{className:ar().error})]})})},ag=a(82582),ab=a(87595),aE=a.n(ab),av=a(93667);let aI={Content:E.C,Heading:b.default,InlineAlert:e5,pre:e=>{let{children:t}=e;return(0,o.jsxs)("div",{className:aE().preContainer,children:[(0,o.jsx)("pre",{className:aE().pre,children:t}),(0,o.jsx)(j,{className:aE().preCopyButton,text:t,variant:"plain",size:"s"})]})},code:e=>{let{children:t}=e;return(0,o.jsx)("code",{className:aE().code,children:t})},p:e=>{let{children:t}=e;return(0,o.jsx)(S.T,{className:aE().p,elementType:"p",children:t})},ul:e=>{let{children:t}=e;return(0,o.jsx)("ul",{className:aE().ul,children:t})},li:e=>{let{children:t}=e;return(0,o.jsx)("li",{className:aE().li,children:t})},h2:e=>{let{children:t}=e;return(0,o.jsx)(b.default,{level:2,className:aE().heading2,children:t})},h3:e=>{let{children:t}=e;return(0,o.jsx)(b.default,{level:3,className:aE().heading,children:t})},h4:e=>{let{children:t}=e;return(0,o.jsx)(b.default,{level:4,className:aE().heading,children:t})},h5:e=>{let{children:t}=e;return(0,o.jsx)(b.default,{level:5,className:aE().heading,children:t})},a:e=>{let{children:t,href:a}=e;return(null==a?void 0:a.startsWith("http"))?(0,o.jsx)(ea.default,{href:a,children:t}):(0,o.jsx)(av.LinkProvider,{children:(0,o.jsx)(ea.default,{href:a,children:t})})},hr:()=>(0,o.jsx)("hr",{className:aE().hr})},aC=e=>{let t=ag.R.deserialize(e.mdxFile);return(0,o.jsx)(r.R,{...t.mdxSource,components:{LiveCodeEditor:e=>{let{example:a="default",...n}=e;return(0,o.jsx)(aw,{className:aE().liveCodeEditor,code:t.getExample(a),...n})},...aI}})};var aN=aC},71615:function(e){e.exports={liveCodeEditor:"LiveCodeEditor_liveCodeEditor__fh4HJ",preview:"LiveCodeEditor_preview__2V2Kl",inverse:"LiveCodeEditor_inverse__k0tjd",editorContainer:"LiveCodeEditor_editorContainer__dsY4x",editor:"LiveCodeEditor_editor__KuUVR",toggleCode:"LiveCodeEditor_toggleCode__l23c6",actions:"LiveCodeEditor_actions__nErUJ"}},56479:function(e){e.exports={column:"Column_column__uju9O"}},50807:function(e){e.exports={row:"Row_row__9MDh4"}},87595:function(e){e.exports={code:"customComponents_code__kzJRU",pre:"customComponents_pre__kLHsU",preContainer:"customComponents_preContainer__fE5Ry",preCopyButton:"customComponents_preCopyButton__T_WNi",ul:"customComponents_ul__VZ8qb",hr:"customComponents_hr__JSHwn"}},82086:function(e,t,a){"use strict";a.d(t,{C:function(){return r}});var n=a(82317),l=a(65324);let o=e=>{if(e.length<1)throw Error("Column layout array is empty");return e.map(e=>"".concat(e,"fr")).join(" ")},r=e=>{let{children:t,className:a,s:r,m:s,l:i}=e,c=r?o(r):void 0,m=s?o(s):r?c:void 0,d=i?o(i):s||r?m:void 0,u=(0,l.Z)("flow--column-layout--column-layout-container",a);return n.createElement("div",{className:u,style:{"--column-layout--columns-s":c,"--column-layout--columns-m":m,"--column-layout--columns-l":d}},n.createElement("div",{className:"flow--column-layout"},t))}},1013:function(e,t,a){"use strict";a.r(t),a.d(t,{ColumnLayout:function(){return n.C},default:function(){return n.C}});var n=a(82086)},4489:function(e,t,a){"use strict";a.d(t,{C:function(){return c}});var n=a(82317),l=a(43205),o=a(40638),r=a(74711),s=a(74032),i=a(58712);a(16677);let c=(0,o.f)("ContextMenu",e=>{let{children:t,onAction:a,selectionMode:o,selectedKeys:c,defaultSelectedKeys:m,disabledKeys:d,onSelectionChange:u,ref:f,...p}=e;return n.createElement(s.C,null,n.createElement(r.P,{...p},n.createElement(l.v2,{className:"flow--context-menu",onAction:a,selectionMode:"navigation"===o?"single":o,selectedKeys:c,defaultSelectedKeys:m,disabledKeys:d,onSelectionChange:u,ref:f},n.createElement(i.P,{props:{MenuItem:{selectionVariant:"navigation"===o?"navigation":"control"}}},t))))})},60074:function(e,t,a){"use strict";a.d(t,{M:function(){return w},d:function(){return p}});var n=a(82317),l=a(43205),o=a(65324);a(16677);var r=a(58712);a(73335);var s=a(45455),i=a(1923),c=a(30303),m=a(66810),d=a(70811),u=a(40638);let f={menuItem:"flow--menu-item",icon:"flow--menu-item--icon",text:"flow--menu-item--text",controlIcon:"flow--menu-item--control-icon"},p=(e,t)=>!!(0,m.d)(e,t),h=e=>{let{selectionMode:t,isSelected:a,selectionVariant:l="control",children:m}=e,u={Icon:{className:f.icon},Text:{className:f.text}},h={Icon:{className:(0,o.Z)(f.controlIcon,f.icon)}},w="none"===t||"navigation"===l?null:"single"===t&&a?n.createElement(i.I,null):"single"!==t||a?"multiple"===t&&a?n.createElement(s.I,null):n.createElement(s.a,null):n.createElement(i.a,null),g=p(m,c.T);return n.createElement(n.Fragment,null,n.createElement(r.P,{props:h},w),n.createElement(r.P,{props:u},n.createElement(d.W,{if:!g},n.createElement(c.T,null,m))))},w=(0,u.f)("MenuItem",e=>{let{children:t,className:a,selectionVariant:r,...s}=e,i=(0,o.Z)(f.menuItem,a);return n.createElement(l.sN,{...s,className:i},e=>n.createElement(h,{...e,selectionVariant:r},t))})},74711:function(e,t,a){"use strict";a.d(t,{P:function(){return r}});var n=a(82317),l=a(73138),o=a(65324);let r=e=>{let{children:t,className:a,...r}=e,s=(0,o.Z)("flow--popover",a);return n.createElement(l.J,{...r,className:s},t)}},8252:function(e,t,a){"use strict";a.r(t),a.d(t,{Tab:function(){return S},TabTitle:function(){return y},Tabs:function(){return v},default:function(){return v}});var n=a(82317),l=a(97211),o=a(43205),r=a(65324),s=a(25894),i=a(40638),c=a(92961),m=a(4489),d=a(60074),u=a(99084);a(73335);var f=a(34946),p=a(30303);let h={tabList:"flow--tabs--tab-list",contextMenuButton:"flow--tabs--tab-list--context-menu-button",titles:"flow--tabs--tab-list--titles",collapsed:"flow--tabs--tab-list--collapsed"},w=()=>{let e=(0,n.useRef)(),[t,a]=(0,n.useState)(!1),l=(0,c.W)(null,e=>{s(),r(e)}),o=e=>{let[t]=e;t&&a(!t.isIntersecting)},r=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l.current;if(t&&t instanceof Element){let a=new IntersectionObserver(o,{root:t.parentElement,threshold:1});e.current=a,a.observe(t)}},s=()=>{var t;null==(t=e.current)||t.disconnect()};return(0,n.useEffect)(()=>(r(),s),[e.current]),{ref:l,isOverflowing:t}},g={tabTitle:"flow--tabs--tab-title",text:"flow--tabs--tab-title--text",menuItem:"flow--tabs--tab-title--menu-item"},b=e=>{let{className:t,...a}=e,l=(0,r.Z)(t,g.tabTitle);return n.createElement("div",{...a,className:l,"data-selected":!0},n.createElement(s.Rz,{id:"ActiveTitle"}))},E=e=>{let{selection:t,disabledKeys:a,onContextMenuSelectionChange:i}=e,c=(0,n.useId)(),d=w(),p=d.isOverflowing,g=(0,r.Z)(h.tabList,p&&h.collapsed),E=n.createElement(l.td,{className:h.titles,ref:d.ref},n.createElement(s.Rz,{id:"Titles"})),v=p&&n.createElement(b,{id:c}),I=p&&n.createElement(o.bF,null,n.createElement(u.B,{variant:"soft",className:h.contextMenuButton,color:"secondary","aria-labelledby":c},n.createElement(f.I,null)),n.createElement(m.C,{disabledKeys:a,selectedKeys:t?[t]:void 0,selectionMode:"navigation",onSelectionChange:e=>{let[t]=e;t&&i(t)}},n.createElement(s.Rz,{id:"ContextMenuItems"})));return n.createElement("div",{className:g},E,v,I)},v=(0,i.f)("Tabs",e=>{let{children:t,className:a,defaultSelectedKey:o,disabledKeys:i,...c}=e,m=(0,r.Z)("flow--tabs",a),[d,u]=(0,n.useState)(o);return n.createElement(s.NN,null,t,n.createElement(l.mQ,{className:m,...c,selectedKey:d,onSelectionChange:u,disabledKeys:i},n.createElement(E,{selection:d,onContextMenuSelectionChange:u,disabledKeys:i}),n.createElement(s.Rz,{id:"Panels"})))}),I=(0,n.createContext)({id:"undefined"}),C=()=>(0,n.useContext)(I),N=I.Provider,y=e=>{let{children:t,className:a,...o}=e,{id:i}=C(),c=(0,r.Z)(g.tabTitle,a);return n.createElement(n.Fragment,null,n.createElement(s.fk,{id:"Titles"},n.createElement(l.OK,{...o,id:i,className:c},e=>n.createElement(n.Fragment,null,n.createElement(p.T,{emulateBoldWidth:!0},n.createElement("span",{className:g.text},t)),n.createElement(s.fk,{id:"ActiveTitle"},e.isSelected&&t)))),n.createElement(s.fk,{id:"ContextMenuItems"},n.createElement(d.M,{className:g.menuItem,id:i},t)))},S=e=>{let{children:t,className:a,shouldForceMount:o=!0,id:i,...c}=e,m=(0,r.Z)("flow--tabs--tab--tab-panel",a),d=(0,n.useId)(),u=null!=i?i:d;return n.createElement(s.fk,{id:"Panels"},n.createElement(l.x4,{className:m,shouldForceMount:o,id:u,...c},n.createElement(N,{value:{id:u}},t)))}}},function(e){e.O(0,[737,802,245,8,485,462,17,744],function(){return e(e.s=66959)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/docs/302-accordion-component/_next/static/chunks/app/layout-c28d3de1ebdf9b77.js b/docs/302-accordion-component/_next/static/chunks/app/layout-d439804b356cf774.js similarity index 100% rename from docs/302-accordion-component/_next/static/chunks/app/layout-c28d3de1ebdf9b77.js rename to docs/302-accordion-component/_next/static/chunks/app/layout-d439804b356cf774.js diff --git a/docs/302-accordion-component/_next/static/chunks/webpack-5ec6d9692dbc8205.js b/docs/302-accordion-component/_next/static/chunks/webpack-c8f0678a87d32040.js similarity index 98% rename from docs/302-accordion-component/_next/static/chunks/webpack-5ec6d9692dbc8205.js rename to docs/302-accordion-component/_next/static/chunks/webpack-c8f0678a87d32040.js index e0ce460f84..633b318d37 100644 --- a/docs/302-accordion-component/_next/static/chunks/webpack-5ec6d9692dbc8205.js +++ b/docs/302-accordion-component/_next/static/chunks/webpack-c8f0678a87d32040.js @@ -1 +1 @@ -!function(){"use strict";var e,t,n,r,o,u,i,c,f,a={},l={};function s(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={exports:{}},r=!0;try{a[e].call(n.exports,n,n.exports,s),r=!1}finally{r&&delete l[e]}return n.exports}s.m=a,e=[],s.O=function(t,n,r,o){if(n){o=o||0;for(var u=e.length;u>0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[n,r,o];return}for(var i=1/0,u=0;u=o&&Object.keys(s.O).every(function(e){return s.O[e](n[f])})?n.splice(f--,1):(c=!1,o0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[n,r,o];return}for(var i=1/0,u=0;u=o&&Object.keys(s.O).every(function(e){return s.O[e](n[f])})?n.splice(f--,1):(c=!1,o.flow--layout-card--tabs{margin-inline:calc(var(--layout-card--padding) * -1);-webkit-margin-before:calc(var(--layout-card--padding) * -1);margin-block-start:calc(var(--layout-card--padding) * -1)}.flow--tooltip{border-radius:var(--corner-radius--default);background-color:var(--tooltip--background-color);color:var(--tooltip--color);font-size:var(--tooltip--font-size);padding-block:var(--tooltip--padding-y);padding-inline:var(--tooltip--padding-x);max-width:var(--tooltip--max-width);transform:translateZ(0);--translate-origin-length:var(--tooltip--tooltip-to-content-spacing) /2}.flow--tooltip[data-placement=top]{margin-bottom:var(--tooltip--tooltip-to-content-spacing);--translate-origin:translateY(var(--translate-origin-length))}.flow--tooltip[data-placement=bottom]{margin-top:var(--tooltip--tooltip-to-content-spacing);--translate-origin:translateY(var(--translate-origin-length) * -1)}.flow--tooltip[data-placement=bottom] .flow--tooltip--arrow svg{transform:rotate(180deg)}.flow--tooltip[data-placement=right]{margin-left:var(--tooltip--tooltip-to-content-spacing);--translate-origin:translateX(var(--translate-origin-length) * -1)}.flow--tooltip[data-placement=right] .flow--tooltip--arrow svg{transform:rotate(90deg)}.flow--tooltip[data-placement=left]{margin-right:var(--tooltip--tooltip-to-content-spacing);--translate-origin:translateX(var(--translate-origin-length))}.flow--tooltip[data-placement=left] .flow--tooltip--arrow svg{transform:rotate(-90deg)}.flow--tooltip[data-entering]{animation:flow--tooltip--slide .2s}.flow--tooltip[data-exiting]{animation:flow--tooltip--slide .2s ease-in reverse}.flow--tooltip .flow--tooltip--arrow{width:var(--tooltip--arrow-size);height:var(--tooltip--arrow-size)}.flow--tooltip .flow--tooltip--arrow svg{display:block;fill:var(--tooltip--background-color)}@keyframes flow--tooltip--slide{0%{transform:var(--translate-origin);opacity:0}to{transform:translateY(0);opacity:1}}.flow--label{color:var(--label--color--default);font-size:var(--label--font-size);font-weight:var(--label--font-weight);line-height:var(--label--line-height)}.flow--modal>div{border-radius:var(--modal--corner-radius);background:var(--modal--background-color);max-height:calc(100dvh - var(--size-px--xxl));max-width:calc(100vw - var(--size-px--xxl));overflow:hidden}.flow--modal>div[data-entering]{animation:flow--modal--modal-zoom var(--transition--duration--slow) cubic-bezier(.1,.8,.3,1.2)}.flow--modal>div [role=dialog]{padding:var(--modal--padding);overflow:hidden;outline:none;display:grid;grid-template-areas:"content" "buttonGroup";grid-template-rows:1fr auto;height:100%;max-height:inherit}.flow--modal>div .flow--modal--button-group{margin-inline:calc(var(--modal--padding) * -1);margin-bottom:calc(var(--modal--padding) * -1);grid-area:buttonGroup;padding:var(--modal--button-group-padding);background-color:var(--modal--button-group-background-color);border-top:var(--modal--button-group-border-top-width) var(--modal--button-group-border-style) var(--modal--button-group-border-color)}.flow--modal>div .flow--modal--content{grid-area:content;overflow-x:hidden;overflow-y:auto;padding-bottom:var(--modal--padding-bottom);display:flex;flex-direction:column;row-gap:var(--section--content-to-content-spacing)}.flow--modal>div,.flow--modal>div.flow--modal--size-s{width:var(--modal--size--s)}.flow--modal>div.flow--modal--size-m{width:var(--modal--size--m)}.flow--modal>div.flow--modal--size-l{width:var(--modal--size--l)}@media (min-width:550px){.flow--modal.flow--modal--off-canvas{justify-content:flex-end}.flow--modal.flow--modal--off-canvas>div{border-top-right-radius:0;border-bottom-right-radius:0;height:100%;max-height:100%}.flow--modal.flow--modal--off-canvas>div[data-entering]{animation:flow--modal--modal-slide-in var(--transition--duration--slow)}}@media (max-width:550px){.flow--modal{overflow-y:auto;padding-top:var(--size-px--xxl)}.flow--modal>div{margin-top:auto;width:100%;max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:max-content}.flow--modal>div[data-entering]{animation:flow--modal--modal-slide-up var(--transition--duration--slow)}.flow--modal>div .flow--modal--content{overflow:visible}}@keyframes flow--modal--modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes flow--modal--modal-slide-up{0%{margin-bottom:-100px}to{margin-bottom:0}}@keyframes flow--modal--modal-slide-in{0%{margin-right:-100px}to{margin-right:0}}.flow--number-field--group{order:2;display:grid;grid-template-columns:1fr max-content;grid-template-areas:"input increment" "input decrement"}.flow--number-field--group .flow--number-field--input{border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2;grid-area:input}.flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--number-field--group .flow--number-field--input:hover{background-color:var(--form-control--background-color--hover)}.flow--number-field--group .flow--number-field--input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--number-field--group .flow--number-field--input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--number-field--group .flow--number-field--input:focus,.flow--number-field--group .flow--number-field--input:focus-visible{outline:none}.flow--number-field--group .flow--number-field--input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--number-field--group .flow--number-field--input:disabled,.flow--number-field--group .flow--number-field--input[data-disabled],[aria-disabled] .flow--number-field--group .flow--number-field--input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--number-field--group .flow--number-field--input:disabled::placeholder,.flow--number-field--group .flow--number-field--input[data-disabled]::placeholder,[aria-disabled] .flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--number-field--group .flow--number-field--decrement-button{grid-area:decrement}.flow--number-field--group .flow--number-field--increment-button{grid-area:increment}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{border-width:var(--form-control--border-width);border-color:var(--form-control--border-color--default);border-style:solid}.flow--number-field--group[aria-invalid] .flow--number-field--decrement-button,.flow--number-field--group[aria-invalid] .flow--number-field--increment-button{border-color:var(--form-control--border-color--invalid)}.flow--number-field--group[data-focus-within] .flow--number-field--decrement-button,.flow--number-field--group[data-focus-within] .flow--number-field--increment-button{border-color:var(--form-control--border-color--focused)}.flow--number-field--group[aria-disabled] .flow--number-field--decrement-button,.flow--number-field--group[aria-disabled] .flow--number-field--increment-button{border-color:var(--form-control--border-color--disabled)}@media (pointer:fine){.flow--number-field--group .flow--number-field--input{border-start-end-radius:0;border-end-end-radius:0}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{-webkit-border-start:none;border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0;padding-block:0}.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon{display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0}.flow--number-field--group .flow--number-field--increment-button{-webkit-border-after:none;border-block-end:none;border-end-end-radius:0}}@media (pointer:coarse){.flow--number-field--group{grid-template-columns:auto 1fr auto;grid-template-areas:"decrement input increment"}.flow--number-field--input{border-radius:0}.flow--number-field--decrement-button,.flow--number-field--increment-button{padding-inline:var(--form-control--padding-x)}.flow--number-field--decrement-button :not(.flow--number-field--touch-icon),.flow--number-field--increment-button :not(.flow--number-field--touch-icon){display:none}.flow--number-field--decrement-button{border-start-end-radius:0;border-end-end-radius:0;-webkit-border-end:none;border-inline-end:none}.flow--number-field--increment-button{border-start-start-radius:0;border-end-start-radius:0;-webkit-border-start:none;border-inline-start:none}}.flow--off-canvas.flow--off-canvas{justify-content:flex-end}.flow--off-canvas>div{border-radius:var(--off-canvas--corner-radius);background:var(--off-canvas--background-color);width:calc(100vw - var(--size-px--xxl));overflow:hidden;border-top-right-radius:0;border-bottom-right-radius:0;height:100%}.flow--off-canvas>div[data-entering]{animation:flow--off-canvas--off-canvas-slide-in var(--transition--duration--slow)}.flow--off-canvas>div[data-exiting]{animation:flow--off-canvas--off-canvas-slide-out var(--transition--duration--default) reverse ease-in}.flow--off-canvas>div [role=dialog]{padding:var(--off-canvas--padding);outline:none;height:100%;max-height:inherit;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.flow--off-canvas>div .flow--off-canvas--close-button{margin-top:calc(var(--size-px--m) * -1);margin-right:calc(var(--size-px--m) * -1);align-self:end}@keyframes flow--off-canvas--off-canvas-slide-in{0%{margin-right:-100px}to{margin-right:0}}@keyframes flow--off-canvas--off-canvas-slide-out{0%{margin-right:-100px}to{margin-right:0}}.flow--progress-bar{display:grid;grid-template-areas:"label value" "bar bar";grid-template-columns:1fr auto;grid-row-gap:var(--progress-bar--label-to-bar-spacing);row-gap:var(--progress-bar--label-to-bar-spacing);grid-column-gap:var(--progress-bar--label-to-value-spacing);column-gap:var(--progress-bar--label-to-value-spacing);width:100%;font-size:var(--progress-bar--font-size)}.flow--progress-bar .flow--progress-bar--label{grid-area:label}.flow--progress-bar .flow--progress-bar--value{grid-area:value;font-weight:var(--progress-bar--value-font-weight)}.flow--progress-bar .flow--progress-bar--bar{grid-area:bar;height:var(--progress-bar--bar-height);border-radius:var(--progress-bar--bar-border-radius);box-shadow:inset 0 0 0 var(--progress-bar--bar-border-width) var(--progress-bar--bar-border-color);overflow:hidden}.flow--progress-bar .flow--progress-bar--fill{height:100%}.flow--progress-bar.flow--progress-bar--size-s{font-size:var(--progress-bar--font-size-small)}.flow--progress-bar.flow--progress-bar--size-s .flow--progress-bar--bar{height:var(--progress-bar--bar-height-small)}.flow--progress-bar .flow--progress-bar--fill,.flow--progress-bar.flow--progress-bar--info .flow--progress-bar--fill{background:var(--progress-bar--info-fill-background-color)}.flow--progress-bar.flow--progress-bar--success .flow--progress-bar--fill{background:var(--progress-bar--success-fill-background-color)}.flow--progress-bar.flow--progress-bar--danger .flow--progress-bar--fill{background:var(--progress-bar--danger-fill-background-color)}.flow--progress-bar.flow--progress-bar--warning .flow--progress-bar--fill{background:var(--progress-bar--warning-fill-background-color)}.flow--section{display:flex;flex-direction:column;row-gap:var(--section--content-to-content-spacing);container-type:inline-size}.flow--section+.flow--section{-webkit-margin-before:var(--section--section-to-section-spacing);margin-block-start:var(--section--section-to-section-spacing);border-block-start-width:var(--section--border-width);border-block-start-style:var(--section--border-style);border-block-start-color:var(--section--border-color);-webkit-padding-before:var(--section--section-to-section-spacing);padding-block-start:var(--section--section-to-section-spacing)}.flow--section .flow--section--header{display:flex;gap:var(--section--heading-to-header-content-spacing);justify-content:space-between;align-items:flex-start}@container (max-width: 550px){.flow--section .flow--section--header{flex-direction:column}.flow--section .flow--section--header .flow--section--status-badge,.flow--section .flow--section--header .flow--section--switch{align-self:flex-end}}.flow--skeleton{display:block;position:relative;overflow:hidden;background-color:#78787833;border-radius:var(--corner-radius--default);width:100%}.flow--skeleton:before{content:"-";visibility:hidden}.flow--skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0,#fff6 60%,#fff0);animation:flow--skeleton--shimmer 3s infinite;content:""}@keyframes flow--skeleton--shimmer{to{transform:translate(100%)}}.flow--status-badge{font-size:var(--status-badge--font-size);font-weight:var(--status-badge--font-weight);border-radius:var(--status-badge--corner-radius);padding-inline:var(--status-badge--padding-x);padding-block:var(--status-badge--padding-y);display:flex;align-items:center;column-gap:var(--status-badge--icon-to-text-spacing);max-width:-moz-fit-content;max-width:fit-content}.flow--status-badge .flow--status-badge--text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow--status-badge,.flow--status-badge.flow--status-badge--info{color:var(--status-badge--info-content-color);background-color:var(--status-badge--info-background-color)}.flow--status-badge.flow--status-badge--success{color:var(--status-badge--success-content-color);background-color:var(--status-badge--success-background-color)}.flow--status-badge.flow--status-badge--warning{color:var(--status-badge--warning-content-color);background-color:var(--status-badge--warning-background-color)}.flow--status-badge.flow--status-badge--danger{color:var(--status-badge--danger-content-color);background-color:var(--status-badge--danger-background-color)}.flow--switch{display:flex;align-items:center;column-gap:var(--switch--label-to-track-spacing)}.flow--switch.flow--switch--label-leading{flex-direction:row-reverse}.flow--switch .flow--switch--track{width:var(--switch--track-width);height:var(--switch--track-height);background-color:var(--switch--track-background-color--default);border-radius:var(--switch--track-corner-radius);padding:var(--switch--track-padding);flex-shrink:0;position:relative;transition-property:background-color;transition-duration:var(--transition--duration--default);align-self:start;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--switch .flow--switch--track :focus,.flow--switch .flow--switch--track[data-focused]{outline-style:none}.flow--switch .flow--switch--track :focus-visible,.flow--switch .flow--switch--track[data-focus-visible]{outline-style:auto}.flow--switch .flow--switch--handle{display:flex;justify-content:center;align-items:center;width:var(--switch--handle-size);height:var(--switch--handle-size);background-color:var(--switch--handle-background-color);border-radius:var(--corner-radius--round);transition-property:transform;transition-duration:var(--transition--duration--default);transform:translate(0);position:absolute;top:var(--switch--track-padding);left:var(--switch--track-padding)}.flow--switch[data-focus-visible] .flow--switch--track{outline-style:solid}.flow--switch[data-selected] .flow--switch--track{background-color:var(--switch--track-background-color--selected)}.flow--switch[data-selected] .flow--switch--handle{transform:translate(100%)}.flow--switch[data-disabled] .flow--switch--track{background-color:var(--switch--track-background-color--disabled);color:var(--switch--track-background-color--disabled)}.flow--switch[data-disabled] .flow--switch--label{color:var(--label--color--disabled)}.flow--switch[data-disabled] .flow--switch--handle{color:var(--switch--handle-color--disabled)}.flow--text-area{resize:none;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--text-area::placeholder{color:var(--form-control--placeholder-color--default)}.flow--text-area:hover{background-color:var(--form-control--background-color--hover)}.flow--text-area[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--text-area:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--text-area:focus,.flow--text-area:focus-visible{outline:none}.flow--text-area[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--text-area:disabled,.flow--text-area[data-disabled],[aria-disabled] .flow--text-area{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--text-area:disabled::placeholder,.flow--text-area[data-disabled]::placeholder,[aria-disabled] .flow--text-area::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--text-field{border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--text-field::placeholder{color:var(--form-control--placeholder-color--default)}.flow--text-field:hover{background-color:var(--form-control--background-color--hover)}.flow--text-field[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--text-field:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--text-field:focus,.flow--text-field:focus-visible{outline:none}.flow--text-field[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--text-field:disabled,.flow--text-field[data-disabled],[aria-disabled] .flow--text-field{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--text-field:disabled::placeholder,.flow--text-field[data-disabled]::placeholder,[aria-disabled] .flow--text-field::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--avatar{border-radius:var(--corner-radius--round);width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;flex-shrink:0;background-color:var(--background-color);color:var(--content-color);display:flex;align-items:center;justify-content:center}.flow--avatar img{width:100%;height:100%;object-fit:cover}.flow--avatar .flow--avatar--icon{width:calc(var(--avatar-size) * .7);height:calc(var(--avatar-size) * .7)}.flow--avatar .flow--avatar--initials{font-size:calc(var(--avatar-size) * .4)}.flow--avatar,.flow--avatar.flow--avatar--size-m{--avatar-size:var(--avatar--size--m)}.flow--avatar.flow--avatar--size-xs{--avatar-size:var(--avatar--size--xs)}.flow--avatar.flow--avatar--size-s{--avatar-size:var(--avatar--size--s)}.flow--avatar.flow--avatar--size-l{--avatar-size:var(--avatar--size--l)}.flow--avatar,.flow--avatar.flow--avatar--variant-1{--background-color:var(--initials--variant-1-background-color);--content-color:var(--initials--variant-1-content-color);--content-accent-color:var( --initials--variant-1-content-accent-color )}.flow--avatar.flow--avatar--variant-2{--background-color:var(--initials--variant-2-background-color);--content-color:var(--initials--variant-2-content-color);--content-accent-color:var( --initials--variant-2-content-accent-color )}.flow--avatar.flow--avatar--variant-3{--background-color:var(--initials--variant-3-background-color);--content-color:var(--initials--variant-3-content-color);--content-accent-color:var( --initials--variant-3-content-accent-color )}.flow--avatar.flow--avatar--variant-4{--background-color:var(--initials--variant-4-background-color);--content-color:var(--initials--variant-4-content-color);--content-accent-color:var( --initials--variant-4-content-accent-color )}.flow--breadcrumb{display:flex;list-style:none;padding:0;align-items:center}.flow--breadcrumb .flow--breadcrumb--link{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-inline:var(--breadcrumb-item--padding-x);font-weight:var(--breadcrumb-item--font-weight--default)}.flow--breadcrumb .flow--breadcrumb--link :focus,.flow--breadcrumb .flow--breadcrumb--link[data-focused]{outline-style:none}.flow--breadcrumb .flow--breadcrumb--link :focus-visible,.flow--breadcrumb .flow--breadcrumb--link[data-focus-visible]{outline-style:auto}.flow--breadcrumb .flow--breadcrumb--link:hover{text-decoration:underline}.flow--breadcrumb .flow--breadcrumb--breadcrumb-item{color:var(--breadcrumb-item--color);font-size:var(--breadcrumb-item--font-size);display:flex;align-items:center;min-width:0}.flow--breadcrumb .flow--breadcrumb--breadcrumb-item:last-child .flow--breadcrumb--icon{display:none}.flow--breadcrumb .flow--breadcrumb--breadcrumb-item:last-child .flow--breadcrumb--link{text-decoration:none;font-weight:var(--breadcrumb-item--font-weight--current)}.flow--breadcrumb.flow--breadcrumb--inverse .flow--breadcrumb--breadcrumb-item{color:var(--breadcrumb-item--color-inverse)}.flow--initials{display:flex;font-weight:700}.flow--initials :nth-child(2n),.flow--initials :only-child{color:var(--content-accent-color)}.flow--menu-item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);cursor:default;align-items:center;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width)}.flow--menu-item,.flow--menu-item :focus,.flow--menu-item[data-focused]{outline-style:none}.flow--menu-item :focus-visible,.flow--menu-item[data-focus-visible]{outline-style:auto}.flow--menu-item .flow--menu-item--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--menu-item .flow--menu-item--text{order:1}.flow--menu-item .flow--menu-item--icon+.flow--menu-item--text{-webkit-margin-start:var(--menu-item--icon-to-text-spacing);margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--menu-item:hover{background-color:var(--menu-item--background-color--hover)}.flow--menu-item[data-focused]{outline-style:none}.flow--menu-item[data-focus-visible]{outline-style:solid}.flow--menu-item:not(:has(.flow--menu-item--control-icon))[aria-current],.flow--menu-item:not(:has(.flow--menu-item--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--menu-item[aria-current] .flow--menu-item--icon,.flow--menu-item[data-selected] .flow--menu-item--icon{color:var(--menu-item--icon-color--current)}.flow--menu-item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation ul{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--navigation .flow--navigation--item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);cursor:default;align-items:center;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--navigation .flow--navigation--item :focus,.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item :focus-visible,.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:auto}.flow--navigation .flow--navigation--item .flow--navigation--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--navigation .flow--navigation--item .flow--navigation--text{order:1}.flow--navigation .flow--navigation--item .flow--navigation--icon+.flow--navigation--text{-webkit-margin-start:var(--menu-item--icon-to-text-spacing);margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--navigation .flow--navigation--item:hover{background-color:var(--menu-item--background-color--hover)}.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:solid}.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[aria-current],.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--navigation .flow--navigation--item[aria-current] .flow--navigation--icon,.flow--navigation .flow--navigation--item[data-selected] .flow--navigation--icon{color:var(--menu-item--icon-color--current)}.flow--navigation .flow--navigation--item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation--navigation-group:not(:last-child){margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group .flow--navigation--navigation-group--label{display:block;margin-block:var(--menu--label-to-group-spacing)}.flow--radio-group{order:2;display:flex;flex-direction:column;row-gap:var(--radio-group--radio-to-radio-spacing)}.flow--radio-group--segmented-group{order:2;container-type:inline-size;isolation:isolate}.flow--radio-group--segmented-group .flow--radio-group--segments{display:flex;flex-wrap:nowrap;order:2}@container (max-width: 550px){.flow--radio-group--segmented-group .flow--radio-group--segments{flex-direction:column}}.flow--radio-group--segmented-group .flow--radio-group--segment{border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2;display:grid;flex:1 1;grid-column-gap:var(--segmented-control-group--icon-to-text-spacing);column-gap:var(--segmented-control-group--icon-to-text-spacing);border-radius:0;grid-template-areas:"label checkmark";grid-template-columns:1fr auto}.flow--radio-group--segmented-group .flow--radio-group--segment::placeholder{color:var(--form-control--placeholder-color--default)}.flow--radio-group--segmented-group .flow--radio-group--segment:hover{background-color:var(--form-control--background-color--hover)}.flow--radio-group--segmented-group .flow--radio-group--segment[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--radio-group--segmented-group .flow--radio-group--segment:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--radio-group--segmented-group .flow--radio-group--segment:focus,.flow--radio-group--segmented-group .flow--radio-group--segment:focus-visible{outline:none}.flow--radio-group--segmented-group .flow--radio-group--segment[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--radio-group--segmented-group .flow--radio-group--segment:disabled,.flow--radio-group--segmented-group .flow--radio-group--segment[data-disabled],[aria-disabled] .flow--radio-group--segmented-group .flow--radio-group--segment{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--radio-group--segmented-group .flow--radio-group--segment:disabled::placeholder,.flow--radio-group--segmented-group .flow--radio-group--segment[data-disabled]::placeholder,[aria-disabled] .flow--radio-group--segmented-group .flow--radio-group--segment::placeholder{color:var(--form-control--placeholder-color--disabled)}@container (min-width: 551px){.flow--radio-group--segmented-group .flow--radio-group--segment{margin-right:-1px}.flow--radio-group--segmented-group .flow--radio-group--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius)}.flow--radio-group--segmented-group .flow--radio-group--segment:last-of-type{border-start-end-radius:var(--form-control--corner-radius);border-end-end-radius:var(--form-control--corner-radius);margin:0}}@container (max-width: 550px){.flow--radio-group--segmented-group .flow--radio-group--segment{margin-bottom:-1px}.flow--radio-group--segmented-group .flow--radio-group--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius)}.flow--radio-group--segmented-group .flow--radio-group--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);margin:0}}.flow--radio-group--segmented-group .flow--radio-group--segment .flow--radio-group--checkmark{grid-area:checkmark;display:none}.flow--radio-group--segmented-group .flow--radio-group--segment[data-selected]{z-index:1}.flow--radio-group--segmented-group .flow--radio-group--segment[data-selected] .flow--radio-group--checkmark{display:block}.flow--radio-group--radio-button{border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2;display:grid;grid-row-gap:var(--radio-button--text-to-text-spacing);row-gap:var(--radio-button--text-to-text-spacing);grid-column-gap:var(--radio-button--icon-to-text-spacing);column-gap:var(--radio-button--icon-to-text-spacing);border-radius:var(--form-control--corner-radius);grid-template-areas:"icon label";grid-template-columns:auto 1fr}.flow--radio-group--radio-button::placeholder{color:var(--form-control--placeholder-color--default)}.flow--radio-group--radio-button:hover{background-color:var(--form-control--background-color--hover)}.flow--radio-group--radio-button[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--radio-group--radio-button:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--radio-group--radio-button:focus,.flow--radio-group--radio-button:focus-visible{outline:none}.flow--radio-group--radio-button[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--radio-group--radio-button:disabled,.flow--radio-group--radio-button[data-disabled],[aria-disabled] .flow--radio-group--radio-button{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--radio-group--radio-button:disabled::placeholder,.flow--radio-group--radio-button[data-disabled]::placeholder,[aria-disabled] .flow--radio-group--radio-button::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--radio-group--radio-button.flow--radio-group--radio-button{width:auto}.flow--radio-group--radio-button:has(.flow--radio-group--radio-button--content){grid-template-areas:"icon label" ". content";grid-template-rows:auto 1fr}.flow--radio-group--radio-button:has(.flow--radio-group--radio-button--content) .flow--radio-group--radio-button--label{font-weight:var(--radio-button--label-font-weight-with-content)}.flow--radio-group--radio-button--label{grid-area:label}.flow--radio-group--radio-button--content{grid-area:content}.flow--radio-group--radio{display:grid;grid-column-gap:var(--radio--icon-to-text-spacing);column-gap:var(--radio--icon-to-text-spacing);grid-template-columns:auto 1fr;width:-moz-fit-content;width:fit-content;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--radio-group--radio :focus,.flow--radio-group--radio[data-focused]{outline-style:none}.flow--radio-group--radio :focus-visible,.flow--radio-group--radio[data-focus-visible]{outline-style:auto}.flow--radio-group--radio .flow--radio-group--radio--icon{color:var(--checkbox--icon-color--default)}.flow--radio-group--radio[data-selected] .flow--radio-group--radio--icon{color:var(--radio--icon-color--selected)}.flow--radio-group--radio[data-disabled]{color:var(--radio--color--disabled)}.flow--radio-group--radio[data-disabled] .flow--radio-group--radio--icon{color:var(--radio--icon-color--disabled)}.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size--default);border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus,.flow--select .flow--select--toggle:focus-visible{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);cursor:default;align-items:center;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option :focus,.flow--select--option[data-focused]{outline-style:none}.flow--select--option :focus-visible,.flow--select--option[data-focus-visible]{outline-style:auto}.flow--select--option .flow--select--option--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--select--option .flow--select--option--text{order:1}.flow--select--option .flow--select--option--icon+.flow--select--option--text{-webkit-margin-start:var(--menu-item--icon-to-text-spacing);margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--tabs{display:flex;flex-direction:column;overflow:hidden}.flow--tabs .flow--tabs--list{background-color:var(--tab-list--background-color);display:flex;flex-direction:row}.flow--tabs--tab-list{background-color:var(--tab-list--background-color);position:relative;overflow-x:clip}.flow--tabs--tab-list .flow--tabs--tab-list--context-menu-button{align-self:center;margin:var(--size-px--s)}.flow--tabs--tab-list .flow--tabs--tab-list--titles{display:flex;flex-direction:row;justify-content:flex-start;width:-moz-fit-content;width:fit-content}.flow--tabs--tab-list.flow--tabs--tab-list--collapsed{display:flex;flex-direction:row;justify-content:space-between}.flow--tabs--tab-list.flow--tabs--tab-list--collapsed .flow--tabs--tab-list--titles{visibility:hidden;position:absolute;width:auto}.flow--tabs--tab-title{padding-inline:var(--tab--padding-x);padding-block:var(--tab--padding-y);background-color:var(--tab--background-color--default);color:var(--tab--color--default);cursor:default;white-space:nowrap;transition-property:color,background-color;transition-duration:var(--transition--duration--default);display:flex;align-items:center;column-gap:var(--tab--text-to-status-spacing);outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none;outline-offset:calc(var(--size-px--xs) * -1)}.flow--tabs--tab-title :focus,.flow--tabs--tab-title[data-focused]{outline-style:none}.flow--tabs--tab-title :focus-visible,.flow--tabs--tab-title[data-focus-visible]{outline-style:auto}.flow--tabs--tab-title:hover{background-color:var(--tab--background-color--hover)}.flow--tabs--tab-title[data-pressed]{background-color:var(--tab--background-color--pressed)}.flow--tabs--tab-title[aria-disabled=true]{color:var(--tab--disabled-color);background-color:var(--tab--disabled-background-color)}.flow--tabs--tab-title .flow--tabs--tab-title--text{display:flex;align-items:center;column-gap:var(--tab--text-to-status-spacing)}.flow--tabs--tab-list:not(:has(.flow--tabs--tab-title[data-selected])) .flow--tabs--tab-title:first-of-type:not([aria-disabled]),.flow--tabs--tab-list:not(:has(.flow--tabs--tab-title[data-selected])):has(.flow--tabs--tab-title[aria-disabled]) .flow--tabs--tab-title[aria-disabled]:first-of-type+.flow--tabs--tab-title,.flow--tabs--tab-title[data-selected]{background-color:var(--tab--background-color--selected);color:var(--tab--color--selected);font-weight:var(--tab--font-weight--selected)}.flow--tabs--tab-title--menu-item>span{display:flex;align-items:center;justify-content:space-between;column-gap:var(--tab--text-to-status-spacing);flex-grow:1}.flow--tabs--tab--tab-panel{opacity:0;height:0}.flow--tabs--tab--tab-panel[id]{padding:var(--tab-panel--padding);opacity:1;height:auto}.flow--list--header{display:flex;flex-direction:column;row-gap:var(--list--content-to-content-spacing)}.flow--list--header .flow--list--header--picker-list,.flow--list--header--active-filters{display:flex;column-gap:var(--list--content-to-content-spacing)}.flow--list--header--active-filters{flex-direction:row;row-gap:var(--list--content-to-content-spacing);flex-wrap:wrap;align-items:center}.flow--list--header--active-filters .flow--list--header--clear-button{-webkit-margin-start:auto;margin-inline-start:auto}.flow--list{display:flex;flex-direction:column;row-gap:var(--list--block-to-block-spacing)}.flow--list--items--item-list{display:flex;flex-direction:column;border-radius:var(--list-item--corner-radius);border-color:var(--list-item--border-color);border-width:var(--list-item--border-width);border-style:var(--list-item--border-style);overflow:hidden}.flow--list--items--item-list:empty{display:none}.flow--list--items--item-list.flow--list--items--is-loading{pointer-events:none;opacity:.5}.flow--list--items--item{--title-width:30ch;cursor:default;padding:var(--list-item--padding);background-color:var(--list-item--background-color--default);display:grid;grid-column-gap:var(--list-item--content-to-content-spacing);grid-template-areas:"avatar title content optionsButton" "avatar subtitle content optionsButton";grid-template-columns:auto var(--title-width) 1fr auto}.flow--list--items--item:not(:last-child){border-bottom:var(--list-item--border-width) var(--list-item--border-style) var(--list-item--border-color)}.flow--list--items--item:not(:has(.flow--list--items--options-button)){grid-template-areas:"avatar title content" "avatar subtitle content";grid-template-columns:auto var(--title-width) 1fr}.flow--list--items--item:not(:has(.flow--list--items--avatar)){grid-template-areas:"title content optionsButton" "subtitle content optionsButton";grid-template-columns:var(--title-width) 1fr auto}.flow--list--items--item:not(:has(.flow--list--items--avatar)):not(:has(.flow--list--items--options-button)){grid-template-areas:"title content" "subtitle content";grid-template-columns:var(--title-width) 1fr}.flow--list--items--item:not(:has(.flow--list--items--text)):not(:has(.flow--list--items--status-badge)){grid-template-areas:"avatar title content optionsButton"}.flow--list--items--item:not(:has(.flow--list--items--text)):not(:has(.flow--list--items--status-badge)):not(:has(.flow--list--items--avatar)){grid-template-areas:"title content optionsButton"}.flow--list--items--item:not(:has(.flow--list--items--text)):not(:has(.flow--list--items--status-badge)):not(:has(.flow--list--items--avatar)):not(:has(.flow--list--items--options-button)){grid-template-areas:"title content"}.flow--list--items--item:is(a){outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none;outline-offset:calc(var(--size-px--xs) * -1)}.flow--list--items--item:is(a) :focus,.flow--list--items--item:is(a)[data-focused]{outline-style:none}.flow--list--items--item:is(a) :focus-visible,.flow--list--items--item:is(a)[data-focus-visible]{outline-style:auto}.flow--list--items--item:is(a):hover{background-color:var(--list-item--background-color--hover)}.flow--list--items--item:is(a)[data-pressed]{background-color:var(--list-item--background-color--pressed)}.flow--list--items--item .flow--list--items--avatar{grid-area:avatar;align-self:center}.flow--list--items--item .flow--list--items--heading{grid-area:title;align-self:center}.flow--list--items--item .flow--list--items--text{grid-area:subtitle;font-size:var(--list-item--subtitle-font-size)}.flow--list--items--item .flow--list--items--status-badge{grid-area:subtitle}.flow--list--items--item .flow--list--items--content{grid-area:content}.flow--list--items--item .flow--list--items--options-button{grid-area:optionsButton;align-self:center}.flow--list--footer{font-size:var(--font-size--s);display:flex;flex-direction:column;align-items:center;row-gap:var(--list--content-to-content-spacing)}@media screen and (max-device-width:480px){body{-webkit-text-size-adjust:100%}}.layout_body__oiEIT{background-color:var(--neutral--color--300)}.layout_center__e1uqg{max-width:1500px;margin:0 auto;display:grid;min-height:100vh;grid-template-areas:"nav main" "footer . ";grid-template-columns:260px minmax(0,1fr);grid-template-rows:1fr auto;grid-gap:var(--size-px--l);padding-inline:var(--size-px--l)}.layout_header__ttTk7{display:flex;justify-content:space-between;align-items:center;max-width:1500px;margin:0 auto;padding:var(--size-px--m) var(--size-px--l);flex-wrap:wrap;gap:var(--size-rem--m)}.layout_header__ttTk7:before{content:"";display:block;top:0;left:0;right:0;height:250px;background:var(--primary--color--100);position:absolute;z-index:-1}.layout_logo__PcxmI{color:var(--heading--color)}.layout_betaBadge__Rtyuk{flex-shrink:0;-webkit-margin-end:auto;margin-inline-end:auto}.layout_mainNavigation__zVTd_{grid-area:nav}.layout_mobileNavigation__1XY9K{display:none}.layout_mobileNavigationOffCanvas__coBZM>div{max-width:400px}.layout_mobileNavigationOffCanvas__coBZM h2{display:none}.layout_main__30FUz{grid-area:main;display:flex;flex-direction:column;row-gap:var(--size-px--l)}@media(max-width:900px){.layout_center__e1uqg{grid-template-areas:"nav " "main ";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto}.layout_headerNavigation__SNRbw,.layout_mainNavigation__zVTd_{display:none}.layout_mobileNavigation__1XY9K{display:block}.layout_header__ttTk7{padding:var(--size-px--xs) var(--size-px--s);row-gap:var(--size-rem--s)}.layout_center__e1uqg{padding-inline:var(--size-px--s)}} \ No newline at end of file diff --git a/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css b/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css deleted file mode 100644 index 754c28309b..0000000000 --- a/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css +++ /dev/null @@ -1 +0,0 @@ -.flow--form-field{display:flex;flex-direction:column}.flow--form-field .flow--form-field--label{order:1;margin-bottom:var(--form-control--label-to-control-spacing)}.flow--form-field .flow--form-field--custom-field-error,.flow--form-field .flow--form-field--field-description,.flow--form-field .flow--form-field--field-error{order:3;margin-top:var(--form-control--control-to-info-spacing)}.flow--form-field:has(.flow--form-field--field-error) .flow--form-field--field-description{display:none}.flow--form-field:has(.flow--form-field--custom-field-error) .flow--form-field--field-error{display:none}.flow--form-field[data-disabled] .flow--form-field--label{color:var(--label--color--disabled)}.flow--icon{flex-shrink:0;max-width:none;display:inline-block}.flow--icon:where(.flow--icon--size-m,.flow--icon){width:var(--icon--size--m);height:var(--icon--size--m)}.flow--icon:where(.flow--icon--size-s){width:var(--icon--size--s);height:var(--icon--size--s)}.flow--icon:where(.flow--icon--size-l){width:var(--icon--size--l);height:var(--icon--size--l)}.flow--checkbox{display:grid;grid-column-gap:var(--checkbox--icon-to-text-spacing);column-gap:var(--checkbox--icon-to-text-spacing);grid-template-columns:auto 1fr;width:-moz-fit-content;width:fit-content;border-radius:var(--corner-radius--default);outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width)}.flow--checkbox,.flow--checkbox :focus,.flow--checkbox[data-focused]{outline-style:none}.flow--checkbox :focus-visible,.flow--checkbox[data-focus-visible]{outline-style:auto}.flow--checkbox .flow--checkbox--icon{color:var(--radio--icon-color--default)}.flow--checkbox[data-indeterminate] .flow--checkbox--icon,.flow--checkbox[data-selected] .flow--checkbox--icon{color:var(--checkbox--icon-color--selected)}.flow--checkbox[data-disabled]{color:var(--checkbox--color--disabled)}.flow--checkbox[data-disabled] .flow--checkbox--icon{color:var(--checkbox--icon-color--disabled)}.flow--checkbox-button{border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2;display:grid;grid-row-gap:var(--checkbox-button--text-to-text-spacing);row-gap:var(--checkbox-button--text-to-text-spacing);grid-column-gap:var(--checkbox-button--icon-to-text-spacing);column-gap:var(--checkbox-button--icon-to-text-spacing);border-radius:var(--form-control--corner-radius);grid-template-areas:"icon label";grid-template-columns:auto 1fr;width:auto}.flow--checkbox-button::placeholder{color:var(--form-control--placeholder-color--default)}.flow--checkbox-button:hover{background-color:var(--form-control--background-color--hover)}.flow--checkbox-button[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--checkbox-button:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--checkbox-button:focus,.flow--checkbox-button:focus-visible{outline:none}.flow--checkbox-button[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--checkbox-button:disabled,.flow--checkbox-button[data-disabled],[aria-disabled] .flow--checkbox-button{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--checkbox-button:disabled::placeholder,.flow--checkbox-button[data-disabled]::placeholder,[aria-disabled] .flow--checkbox-button::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--checkbox-button .flow--checkbox-button--label{grid-area:label}.flow--checkbox-button .flow--checkbox-button--content{grid-area:content}.flow--checkbox-button:has(.flow--checkbox-button--content){grid-template-areas:"icon label" ". content";grid-template-rows:auto 1fr}.flow--checkbox-button:has(.flow--checkbox-button--content) .flow--checkbox-button--label{font-weight:var(--checkbox-button--label-font-weight-with-content)}.flow--checkbox-button:focus-within:not([data-selected]):not([data-focus-visible]){border-color:var(--form-control--border-color--default)}.flow--inline-code{font-family:RobotoMono,"sans-serif";font-size:var(--inline-code--font-size);line-height:var(--inline-code--line-height);word-wrap:anywhere;background-color:var(--inline-code--background-color);padding-inline:var(--inline-code--padding-x);border-radius:var(--inline-code--corner-radius);display:inline-block;max-width:-moz-fit-content;max-width:fit-content}.flow--link{font-size:var(--link--font-size);line-height:var(--link--line-height);font-weight:var(--link--font-weight);transition-property:color;transition-duration:var(--transition--duration--default);color:var(--link--color--default);outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--link:hover{color:var(--link--color--hover)}.flow--link[data-pressed]{color:var(--link--color--pressed)}.flow--link :focus,.flow--link[data-focused]{outline-style:none}.flow--link :focus-visible,.flow--link[data-focus-visible]{outline-style:auto}.flow--link[aria-disabled]{color:var(--link--disabled-color)}.flow--link:not([aria-disabled]){cursor:pointer}.flow--link .flow--link--inline{font-weight:400;font-size:var(--font-size--default);text-decoration:underline}.flow--link .flow--link--icon{-webkit-margin-start:var(--link--text-to-icon-spacing);margin-inline-start:var(--link--text-to-icon-spacing);vertical-align:text-bottom}.flow--emulated-bold-text{display:inline-flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content}.flow--emulated-bold-text .flow--emulated-bold-text--bold-text{font-weight:var(--font-weight--bold);height:0;line-height:0;visibility:hidden;overflow-y:clip}.flow--loading-spinner{animation:flow--loading-spinner--spin var(--loading-spinner--transition-duration) linear infinite}@keyframes flow--loading-spinner--spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.flow--button{position:relative;font-family:Inter,sans-serif;line-height:var(--line-height--default);border:none;border-radius:var(--button--corner-radius);padding-block:var(--button--padding-squished-y);padding-inline:var(--button--padding-squished-x);font-size:var(--font-size--default);font-weight:700;transition-property:color,background-color;transition-duration:var(--transition--duration--default);max-width:100%;display:grid;align-items:center;grid-template-areas:"content";width:-moz-fit-content;width:fit-content;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width)}.flow--button,.flow--button :focus,.flow--button[data-focused]{outline-style:none}.flow--button :focus-visible,.flow--button[data-focus-visible]{outline-style:auto}.flow--button .flow--button--content{display:flex;column-gap:var(--button--text-to-icon-spacing);align-items:center;justify-content:center}.flow--button .flow--button--content,.flow--button .flow--button--state-icon{grid-area:content}.flow--button .flow--button--state-icon{color:var(--button--pending-icon-color);justify-self:center}.flow--button:where(:has(.flow--button--avatar)){padding:0;border-radius:var(--corner-radius--round)}.flow--button:where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding)}.flow--button:where(:has(.flow--button--text) .flow--button--icon){-webkit-margin-start:var(--button--text-to-icon-spacing);margin-inline-start:var(--button--text-to-icon-spacing)}.flow--button.flow--button--is-succeeded .flow--button--state-icon{color:var(--button--succeeded-icon-color)}.flow--button.flow--button--is-failed .flow--button--state-icon{color:var(--button--failed-icon-color)}.flow--button.flow--button--is-failed .flow--button--content,.flow--button.flow--button--is-pending .flow--button--content,.flow--button.flow--button--is-succeeded .flow--button--content{opacity:0}.flow--button.flow--button--is-failed.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-pending.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-succeeded.flow--button--plain .flow--button--content:has(.flow--button--text){opacity:1}.flow--button:where(.flow--button--size-s){font-size:var(--button--font-size-s);padding-block:var(--button--padding-s-squished-y);padding-inline:var(--button--padding-s-squished-x);column-gap:var(--button--text-to-icon-spacing-s)}.flow--button:where(.flow--button--size-s):where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding-s)}.flow--button:where(.flow--button--size-s) .flow--button--content{column-gap:var(--button--text-to-icon-spacing-s)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button){background-color:var(--button--primary-solid-background-color--default);color:var(--button--primary-solid-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button):hover{background-color:var(--button--primary-solid-background-color--hover);color:var(--button--primary-solid-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[data-pressed]{background-color:var(--button--primary-solid-background-color--pressed);color:var(--button--primary-solid-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-succeeded,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[disabled]{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button){background-color:var(--button--accent-solid-background-color--default);color:var(--button--accent-solid-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button):hover{background-color:var(--button--accent-solid-background-color--hover);color:var(--button--accent-solid-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[data-pressed]{background-color:var(--button--accent-solid-background-color--pressed);color:var(--button--accent-solid-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-succeeded,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[disabled]{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button){background-color:var(--button--danger-solid-background-color--default);color:var(--button--danger-solid-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button):hover{background-color:var(--button--danger-solid-background-color--hover);color:var(--button--danger-solid-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[data-pressed]{background-color:var(--button--danger-solid-background-color--pressed);color:var(--button--danger-solid-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-succeeded,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[disabled]{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button){background-color:var(--button--secondary-solid-background-color--default);color:var(--button--secondary-solid-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button):hover{background-color:var(--button--secondary-solid-background-color--hover);color:var(--button--secondary-solid-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[data-pressed]{background-color:var(--button--secondary-solid-background-color--pressed);color:var(--button--secondary-solid-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-succeeded,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[disabled]{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button){background-color:var(--button--primary-plain-background-color--default);color:var(--button--primary-plain-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button):hover{background-color:var(--button--primary-plain-background-color--hover);color:var(--button--primary-plain-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[data-pressed]{background-color:var(--button--primary-plain-background-color--pressed);color:var(--button--primary-plain-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-succeeded,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[disabled]{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-color)}.flow--button:where(.flow--button--accent.flow--button--plain){background-color:var(--button--accent-plain-background-color--default);color:var(--button--accent-plain-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--plain):hover{background-color:var(--button--accent-plain-background-color--hover);color:var(--button--accent-plain-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--plain)[data-pressed]{background-color:var(--button--accent-plain-background-color--pressed);color:var(--button--accent-plain-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-succeeded,.flow--button:where(.flow--button--accent.flow--button--plain)[disabled]{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-color)}.flow--button:where(.flow--button--danger.flow--button--plain){background-color:var(--button--danger-plain-background-color--default);color:var(--button--danger-plain-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--plain):hover{background-color:var(--button--danger-plain-background-color--hover);color:var(--button--danger-plain-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--plain)[data-pressed]{background-color:var(--button--danger-plain-background-color--pressed);color:var(--button--danger-plain-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-succeeded,.flow--button:where(.flow--button--danger.flow--button--plain)[disabled]{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-color)}.flow--button:where(.flow--button--secondary.flow--button--plain){background-color:var(--button--secondary-plain-background-color--default);color:var(--button--secondary-plain-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--plain):hover{background-color:var(--button--secondary-plain-background-color--hover);color:var(--button--secondary-plain-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--plain)[data-pressed]{background-color:var(--button--secondary-plain-background-color--pressed);color:var(--button--secondary-plain-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-succeeded,.flow--button:where(.flow--button--secondary.flow--button--plain)[disabled]{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-color)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button){background-color:var(--button--primary-soft-background-color--default);color:var(--button--primary-soft-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button):hover{background-color:var(--button--primary-soft-background-color--hover);color:var(--button--primary-soft-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[data-pressed]{background-color:var(--button--primary-soft-background-color--pressed);color:var(--button--primary-soft-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-succeeded,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[disabled]{background-color:var(--button--disabled-soft-background-color);color:var(--button--disabled-soft-content-color)}.flow--button:where(.flow--button--accent.flow--button--soft){background-color:var(--button--accent-soft-background-color--default);color:var(--button--accent-soft-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--soft):hover{background-color:var(--button--accent-soft-background-color--hover);color:var(--button--accent-soft-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--soft)[data-pressed]{background-color:var(--button--accent-soft-background-color--pressed);color:var(--button--accent-soft-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-succeeded,.flow--button:where(.flow--button--accent.flow--button--soft)[disabled]{background-color:var(--button--disabled-soft-background-color);color:var(--button--disabled-soft-content-color)}.flow--button:where(.flow--button--danger.flow--button--soft){background-color:var(--button--danger-soft-background-color--default);color:var(--button--danger-soft-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--soft):hover{background-color:var(--button--danger-soft-background-color--hover);color:var(--button--danger-soft-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--soft)[data-pressed]{background-color:var(--button--danger-soft-background-color--pressed);color:var(--button--danger-soft-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-succeeded,.flow--button:where(.flow--button--danger.flow--button--soft)[disabled]{background-color:var(--button--disabled-soft-background-color);color:var(--button--disabled-soft-content-color)}.flow--button:where(.flow--button--secondary.flow--button--soft){background-color:var(--button--secondary-soft-background-color--default);color:var(--button--secondary-soft-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--soft):hover{background-color:var(--button--secondary-soft-background-color--hover);color:var(--button--secondary-soft-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--soft)[data-pressed]{background-color:var(--button--secondary-soft-background-color--pressed);color:var(--button--secondary-soft-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-succeeded,.flow--button:where(.flow--button--secondary.flow--button--soft)[disabled]{background-color:var(--button--disabled-soft-background-color);color:var(--button--disabled-soft-content-color)}.flow--button:where(.flow--button--inverse){background-color:var(--button--inverse-background-color-default);color:var(--button--inverse-content-color)}.flow--button:where(.flow--button--inverse):hover{background-color:var(--button--inverse-background-color--hover);color:var(--button--inverse-content-color)}.flow--button:where(.flow--button--inverse)[data-pressed]{background-color:var(--button--inverse-background-color--pressed);color:var(--button--inverse-content-color)}.flow--button:where(.flow--button--inverse).flow--button--aria-disabled,.flow--button:where(.flow--button--inverse).flow--button--is-failed,.flow--button:where(.flow--button--inverse).flow--button--is-pending,.flow--button:where(.flow--button--inverse).flow--button--is-succeeded,.flow--button:where(.flow--button--inverse)[disabled]{background-color:var(--button--disabled-inverse-background-color);color:var(--button--disabled-inverse-content-color)}.flow--accordion{display:flex;flex-direction:column}.flow--accordion .flow--accordion--header{display:flex}.flow--accordion .flow--accordion--header-button{display:flex;justify-content:space-between;align-items:center;text-align:start;flex-grow:1;padding-inline:var(--accordion--header-padding-x);padding-block:var(--accordion--header-padding-y);border-radius:var(--accordion--header-corner-radius);column-gap:var(--accordion--heading-to-chevron-spacing);border:none;background:none;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--accordion .flow--accordion--header-button :focus,.flow--accordion .flow--accordion--header-button[data-focused]{outline-style:none}.flow--accordion .flow--accordion--header-button :focus-visible,.flow--accordion .flow--accordion--header-button[data-focus-visible]{outline-style:auto}.flow--accordion .flow--accordion--header-button:hover{background-color:var(--accordion--header-background-color--hover)}.flow--accordion .flow--accordion--content{display:grid;grid-template-rows:0fr;transition-property:grid-template-rows,visibility,padding;transition-duration:var(--transition--duration--slow);padding-inline:var(--accordion--content-padding);visibility:hidden}.flow--accordion .flow--accordion--content-inner{overflow:hidden}.flow--accordion.flow--accordion--expanded .flow--accordion--content{grid-template-rows:1fr;padding-block:var(--accordion--content-padding);visibility:visible}.flow--accordion.flow--accordion--expanded .flow--accordion--chevron{transform:rotate(180deg)}.flow--field-error{color:var(--field-error--color);font-size:var(--field-error--font-size);display:flex;align-items:center;column-gap:var(--field-error--icon-to-text-spacing)}.flow--popover{background-color:var(--popover--background-color);box-shadow:var(--popover--box-shadow);border-radius:var(--popover--corner-radius);padding:var(--popover--padding);overflow-y:auto;--size-px--s--negative:calc(var(--size-px--s) * -1);min-width:var(--popover--min-width)}.flow--popover[data-placement=top]{--origin:translateY(var(--size-px--s))}.flow--popover[data-placement=bottom]{--origin:translateY(var(--size-px--s--negative))}.flow--popover[data-placement=right]{--origin:translateX(var(--size-px--s--negative))}.flow--popover[data-placement=left]{--origin:translateX(var(--size-px--s))}.flow--popover[data-entering]{animation:flow--popover--popover-slide var(--transition--duration--default)}.flow--popover[data-exiting]{animation:flow--popover--popover-slide var(--transition--duration--default) reverse ease-in}@keyframes flow--popover--popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.flow--context-menu{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--context-menu:focus-visible{outline:none}.flow--overlay{background:var(--overlay--background-color);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.flow--overlay[data-entering]{animation:flow--overlay--overlay-fade var(--transition--duration--default)}.flow--overlay[data-exiting]{animation:flow--overlay--overlay-fade var(--transition--duration--default) reverse ease-in}@keyframes flow--overlay--overlay-fade{0%{opacity:0}to{opacity:1}}:root{--transition--duration--slow:.3s;--transition--duration--default:.2s;--size--none:0rem;--size-px--xxl:64px;--size-px--xl:32px;--size-px--l:24px;--size-px--m:16px;--size-px--s:8px;--size-px--xs:4px;--size-px--xxs:2px;--size-px--xxxs:1px;--size-rem--xxl:4rem;--size-rem--xl:2rem;--size-rem--l:1.5rem;--size-rem--m:1rem;--size-rem--s:.5rem;--size-rem--xs:.25rem;--size-rem--xxs:.125rem;--size-rem--xxxs:.0625rem;--font-size--xxxl:2rem;--font-size--xxl:1.5rem;--font-size--xl:1.25rem;--font-size--l:1.125rem;--font-size--m:1rem;--font-size--s:.875rem;--line-height--default:1.5;--font-weight--bold:600;--font-weight--normal:300;--color--transparent:transparent;--color--soft-contrast-violet--1100:#4743a5;--color--soft-contrast-violet--1000:#534fb8;--color--soft-contrast-violet--900:#5c50ca;--color--soft-contrast-violet--800:#715dee;--color--soft-contrast-violet--700:#8574f0;--color--soft-contrast-violet--600:#998bf3;--color--soft-contrast-violet--500:#aea2f5;--color--soft-contrast-violet--400:#c2b9f8;--color--soft-contrast-violet--300:#d6d0fa;--color--soft-contrast-violet--200:#eae7fd;--color--soft-contrast-violet--100:#f4f3fe;--color--royal-orange--1100:#763200;--color--royal-orange--1000:#8f3d00;--color--royal-orange--900:#c25200;--color--royal-orange--800:#f56800;--color--royal-orange--700:#ff8225;--color--royal-orange--600:#ff9343;--color--royal-orange--500:#ffa562;--color--royal-orange--400:#ffc89f;--color--royal-orange--300:#ffd9bd;--color--royal-orange--200:#ffebdc;--color--royal-orange--100:#fff4eb;--color--amaranth-red--1100:#6a0f22;--color--amaranth-red--1000:#83122a;--color--amaranth-red--900:#b4193a;--color--amaranth-red--800:#e1244c;--color--amaranth-red--700:#e54366;--color--amaranth-red--600:#ea637f;--color--amaranth-red--500:#ee8299;--color--amaranth-red--400:#f2a2b3;--color--amaranth-red--300:#f7c1cc;--color--amaranth-red--200:#fbe0e6;--color--amaranth-red--100:#fdf0f3;--color--espelkamp-green--1100:#00291c;--color--espelkamp-green--1000:#003b29;--color--espelkamp-green--900:#005f42;--color--espelkamp-green--800:#00825b;--color--espelkamp-green--700:#00a673;--color--espelkamp-green--600:#00de9a;--color--espelkamp-green--500:#17ffb8;--color--espelkamp-green--400:#4fffc9;--color--espelkamp-green--300:#87ffda;--color--espelkamp-green--200:#c0ffeb;--color--espelkamp-green--100:#dcfff4;--color--hosting-blue--1100:#00205c;--color--hosting-blue--1000:#002a7b;--color--hosting-blue--900:#003fb8;--color--hosting-blue--800:#0054f5;--color--hosting-blue--700:#1a68ff;--color--hosting-blue--600:#3d80ff;--color--hosting-blue--500:#6197ff;--color--hosting-blue--400:#85afff;--color--hosting-blue--300:#abc6ff;--color--hosting-blue--200:#e0ebff;--color--hosting-blue--100:#f0f5ff;--color--gray--1100:#000;--color--gray--1000:#222;--color--gray--900:#464646;--color--gray--800:#6d6d6d;--color--gray--700:#909090;--color--gray--600:#b1b1b1;--color--gray--500:#d5d5d5;--color--gray--400:#e6e6e6;--color--gray--300:#f8f8f8;--color--gray--200:#fdfdfd;--color--gray--100:#fff;--inverse-background-color--pressed:#00000066;--inverse-background-color--hover:#00000044;--border-style--default:solid;--corner-radius--round:50%;--tooltip--max-width:300px;--switch--handle-size:1.25rem;--switch--track-corner-radius:.75rem;--switch--track-width:2.75rem;--switch--track-height:1.5rem;--progress-bar--bar-height-small:.375rem;--popover--min-width:200px;--overlay--background-color:rgba(0,0,0,.3);--modal--size--l:1050px;--modal--size--m:900px;--modal--size--s:660px;--loading-spinner--transition-duration:2s;--icon--size--l:4rem;--icon--size--m:1.5rem;--icon--size--s:1rem;--avatar--size--m:2.5rem;--menu-item--background-color--default:var(--color--transparent);--menu-item--icon-to-text-spacing:var(--size-rem--s);--menu-item--padding-y:var(--size-px--xs);--menu-item--padding-x:var(--size-px--s);--menu-item--font-weight--current:var(--font-weight--bold);--menu--label-to-group-spacing:var(--size-px--s);--menu--group-to-group-spacing:var(--size-px--m);--menu--item-to-item-spacing:var(--size-px--xs);--form-control--border-style:var(--border-style--default);--form-control--padding-y:var(--size-px--s);--form-control--padding-x:var(--size-px--m);--form-control--control-to-info-spacing:var(--size-rem--xs);--form-control--label-to-control-spacing:var(--size-rem--xs);--font-size--default:var(--font-size--m);--line-height--m:calc(var(--font-size--m) * 1.5);--focus--outline-offset:var(--size-px--xxs);--disabled-inverse-background-color:var(--color--transparent);--disabled-plain-background-color:var(--color--transparent);--neutral-plain-background-color--default:var(--color--transparent);--warning-outline-background-color--default:var(--color--transparent);--success-outline-background-color--default:var(--color--transparent);--success-plain-background-color--default:var(--color--transparent);--info-outline-background-color--default:var(--color--transparent);--danger-outline-background-color--default:var(--color--transparent);--danger-plain-background-color--default:var(--color--transparent);--primary-plain-background-color--default:var(--color--transparent);--warning--color--1100:var(--color--royal-orange--1100);--warning--color--1000:var(--color--royal-orange--1000);--warning--color--900:var(--color--royal-orange--900);--warning--color--800:var(--color--royal-orange--800);--warning--color--700:var(--color--royal-orange--700);--warning--color--600:var(--color--royal-orange--600);--warning--color--500:var(--color--royal-orange--500);--warning--color--400:var(--color--royal-orange--400);--warning--color--300:var(--color--royal-orange--300);--warning--color--200:var(--color--royal-orange--200);--warning--color--100:var(--color--royal-orange--100);--danger--color--1100:var(--color--amaranth-red--1100);--danger--color--1000:var(--color--amaranth-red--1000);--danger--color--900:var(--color--amaranth-red--900);--danger--color--800:var(--color--amaranth-red--800);--danger--color--700:var(--color--amaranth-red--700);--danger--color--600:var(--color--amaranth-red--600);--danger--color--500:var(--color--amaranth-red--500);--danger--color--400:var(--color--amaranth-red--400);--danger--color--300:var(--color--amaranth-red--300);--danger--color--200:var(--color--amaranth-red--200);--danger--color--100:var(--color--amaranth-red--100);--neutral--color--1100:var(--color--gray--1100);--neutral--color--1000:var(--color--gray--1000);--neutral--color--900:var(--color--gray--900);--neutral--color--800:var(--color--gray--800);--neutral--color--700:var(--color--gray--700);--neutral--color--600:var(--color--gray--600);--neutral--color--500:var(--color--gray--500);--neutral--color--400:var(--color--gray--400);--neutral--color--300:var(--color--gray--300);--neutral--color--200:var(--color--gray--200);--neutral--color--100:var(--color--gray--100);--success--color--1100:var(--color--espelkamp-green--1100);--success--color--1000:var(--color--espelkamp-green--1000);--success--color--900:var(--color--espelkamp-green--900);--success--color--800:var(--color--espelkamp-green--800);--success--color--700:var(--color--espelkamp-green--700);--success--color--600:var(--color--espelkamp-green--600);--success--color--500:var(--color--espelkamp-green--500);--success--color--400:var(--color--espelkamp-green--400);--success--color--300:var(--color--espelkamp-green--300);--success--color--200:var(--color--espelkamp-green--200);--success--color--100:var(--color--espelkamp-green--100);--info--color--1100:var(--color--hosting-blue--1100);--info--color--1000:var(--color--hosting-blue--1000);--info--color--900:var(--color--hosting-blue--900);--info--color--800:var(--color--hosting-blue--800);--info--color--700:var(--color--hosting-blue--700);--info--color--600:var(--color--hosting-blue--600);--info--color--500:var(--color--hosting-blue--500);--info--color--400:var(--color--hosting-blue--400);--info--color--300:var(--color--hosting-blue--300);--info--color--200:var(--color--hosting-blue--200);--info--color--100:var(--color--hosting-blue--100);--primary--color--1100:var(--color--hosting-blue--1100);--primary--color--1000:var(--color--hosting-blue--1000);--primary--color--900:var(--color--hosting-blue--900);--primary--color--800:var(--color--hosting-blue--800);--primary--color--700:var(--color--hosting-blue--700);--primary--color--600:var(--color--hosting-blue--600);--primary--color--500:var(--color--hosting-blue--500);--primary--color--400:var(--color--hosting-blue--400);--primary--color--300:var(--color--hosting-blue--300);--primary--color--200:var(--color--hosting-blue--200);--primary--color--100:var(--color--hosting-blue--100);--shadow--overlay:rgba(0,0,0,.14) 0 var(--size-px--m) var(--size-px--l);--shadow--content:rgba(0,0,0,.1) 0 var(--size-px--xs) var(--size-px--s);--border-width--400:var(--size-px--s);--border-width--300:var(--size-px--xs);--border-width--200:var(--size-px--xxs);--border-width--100:var(--size-px--xxxs);--corner-radius--default:var(--size-px--xs);--tooltip--arrow-size:var(--size-px--s);--tooltip--tooltip-to-content-spacing:var(--size-px--s);--tooltip--font-size:var(--font-size--s);--tooltip--padding-y:var(--size-px--xs);--tooltip--padding-x:var(--size-px--s);--tab-panel--padding:var(--size-px--xl);--tab--text-to-status-spacing:var(--size-rem--s);--tab--font-weight--selected:var(--font-weight--bold);--tab--padding-x:var(--size-px--l);--tab--padding-y:var(--size-px--m);--switch--track-padding:var(--size-rem--xxs);--switch--label-to-track-spacing:var(--size-rem--s);--status-badge--icon-to-text-spacing:var(--size-rem--xs);--status-badge--padding-x:var(--size-rem--s);--status-badge--padding-y:var(--size-rem--xxs);--status-badge--font-weight:var(--font-weight--bold);--status-badge--font-size:var(--font-size--s);--segmented-button--text-to-text-spacing:var(--size-rem--xs);--section--heading-to-header-content-spacing:var(--size-rem--m);--section--content-to-content-spacing:var(--size-rem--m);--section--section-to-section-spacing:var(--size-rem--xl);--section--border-style:var(--border-style--default);--radio-button--label-font-weight-with-content:var(--font-weight--bold);--radio-button--icon-to-text-spacing:var(--size-rem--m);--radio-button--text-to-text-spacing:var(--size-rem--xs);--radio--icon-to-text-spacing:var(--size-rem--s);--radio-group--radio-to-radio-spacing:var(--size-rem--s);--progress-bar--bar-border-radius:var(--size-rem--xs);--progress-bar--bar-height:var(--size-rem--s);--progress-bar--label-to-value-spacing:var(--size-rem--m);--progress-bar--label-to-bar-spacing:var(--size-rem--xs);--progress-bar--value-font-weight:var(--font-weight--bold);--progress-bar--font-size-small:var(--font-size--s);--progress-bar--font-size:var(--font-size--m);--popover--padding:var(--size-px--s);--popover--corner-radius:var(--size-px--xs);--off-canvas--padding:var(--size-px--l);--modal--button-group-border-style:var(--border-style--default);--modal--button-group-padding:var(--size-rem--l);--modal--padding-bottom:var(--size-px--xl);--modal--padding:var(--size-px--l);--list-item--subtitle-font-size:var(--font-size--s);--list-item--content-to-content-spacing:var(--size-px--m);--list-item--border-style:var(--border-style--default);--list-item--padding:var(--size-px--s);--list--block-to-block-spacing:var(--size-px--m);--list--content-to-content-spacing:var(--size-px--s);--link--text-to-icon-spacing:var(--size-rem--xs);--link--font-weight:var(--font-weight--bold);--link--font-size:var(--font-size--s);--layout-card--padding:var(--size-px--xl);--labeled-value--value-to-button-spacing:var(--size-rem--xs);--labeled-value--label-to-value-spacing:var(--size-rem--xs);--label--font-weight:var(--font-weight--bold);--label--font-size:var(--font-size--s);--inline-code--padding-x:var(--size-px--xs);--inline-code--font-size:var(--font-size--s);--inline-alert--heading-font-size:var(--font-size--m);--inline-alert--content-to-content-spacing:var(--size-rem--s);--inline-alert--icon-to-heading-spacing:var(--size-rem--s);--inline-alert--heading-to-content-spacing:var(--size-rem--xs);--inline-alert--border-style:var(--border-style--default);--inline-alert--padding:var(--size-px--m);--initials--variant-4-content-accent-color:var(--color--soft-contrast-violet--1000);--initials--variant-4-content-color:var(--color--soft-contrast-violet--800);--initials--variant-4-background-color:var(--color--soft-contrast-violet--200);--initials--variant-3-content-accent-color:var(--color--royal-orange--1000);--initials--variant-3-content-color:var(--color--royal-orange--800);--initials--variant-3-background-color:var(--color--royal-orange--200);--initials--variant-2-content-accent-color:var(--color--espelkamp-green--1000);--initials--variant-2-content-color:var(--color--espelkamp-green--800);--initials--variant-2-background-color:var(--color--espelkamp-green--200);--initials--variant-1-content-accent-color:var(--color--hosting-blue--1000);--initials--variant-1-content-color:var(--color--hosting-blue--800);--initials--variant-1-background-color:var(--color--hosting-blue--200);--initials--font-weight:var(--font-weight--bold);--illustrated-message--text-to-button-spacing:var(--size-rem--m);--illustrated-message--heading-to-text-spacing:var(--size-rem--s);--illustrated-message--icon-to-heading-spacing:var(--size-rem--m);--illustrated-message--padding-mobile:var(--size-px--l);--illustrated-message--padding:var(--size-px--xxl);--heading--h6-font-size:var(--font-size--m);--heading--h5-font-size:var(--font-size--m);--heading--h4-font-size:var(--font-size--l);--heading--h3-font-size:var(--font-size--xl);--heading--h2-font-size:var(--font-size--xxl);--heading--h1-font-size-mobile:var(--font-size--xxl);--heading--h1-font-size:var(--font-size--xxxl);--heading--font-weight:var(--font-weight--bold);--heading--icon-to-text-spacing:var(--size-rem--s);--header-navigation--item-font-weight-current:var(--font-weight--bold);--header-navigation--item-padding:var(--size-px--s);--header-navigation--item-background-color-inverse--pressed:var(--inverse-background-color--pressed);--header-navigation--item-background-color-inverse--hover:var(--inverse-background-color--hover);--header-navigation--item-to-item-spacing:var(--size-rem--m);--field-error--icon-to-text-spacing:var(--size-rem--s);--field-error--font-size:var(--font-size--s);--field-description--font-size:var(--font-size--s);--column-layout--content-to-content-spacing:var(--size-rem--m);--checkbox--icon-to-text-spacing:var(--size-rem--s);--checkbox-group--checkbox-to-checkbox-spacing:var(--size-rem--s);--checkbox-button--label-font-weight-with-content:var(--font-weight--bold);--checkbox-button--icon-to-text-spacing:var(--size-rem--m);--checkbox-button--text-to-text-spacing:var(--size-rem--xs);--button--inverse-background-color--pressed:var(--inverse-background-color--pressed);--button--inverse-background-color--hover:var(--inverse-background-color--hover);--button--font-size-s:var(--font-size--s);--button--text-to-icon-spacing-s:var(--size-rem--xs);--button--padding-s-squished-y:var(--size-px--xs);--button--padding-s-squished-x:var(--size-px--s);--button--padding-s:var(--size-px--xs);--button--text-to-icon-spacing:var(--size-rem--s);--button--padding:var(--size-px--s);--button--padding-squished-y:var(--size-px--s);--button--padding-squished-x:var(--size-px--m);--button-group--button-to-button-spacing:var(--size-rem--m);--breadcrumb-item--font-weight--current:var(--font-weight--bold);--breadcrumb-item--font-weight--default:var(--font-weight--normal);--breadcrumb-item--font-size:var(--font-size--s);--breadcrumb-item--padding-x:var(--size-px--xs);--avatar--size--l:var(--size-rem--xxl);--avatar--size--s:var(--size-rem--xl);--avatar--size--xs:var(--size-rem--l);--accordion--content-padding:var(--size-px--s);--accordion--header-padding-y:var(--size-px--xs);--accordion--header-padding-x:var(--size-px--s);--accordion--heading-to-chevron-spacing:var(--size-rem--s);--menu-item--disabled-background-color:var(--disabled-plain-background-color);--menu-item--icon-color--current:var(--primary--color--800);--menu-item--icon-color--default:var(--neutral--color--800);--menu-item--color--current:var(--primary--color--800);--menu-item--corner-radius:var(--corner-radius--default);--form-control--background-color--invalid:var(--danger--color--100);--form-control--background-color--focused:var(--neutral--color--200);--form-control--background-color--default:var(--neutral--color--200);--form-control--placeholder-color--disabled:var(--neutral--color--500);--form-control--placeholder-color--default:var(--neutral--color--900);--form-control--border-width:var(--border-width--100);--form-control--corner-radius:var(--corner-radius--default);--content--color:var(--neutral--color--1000);--focus--outline-width:var(--border-width--200);--focus--outline-color:var(--primary--color--800);--inverse-content-color:var(--neutral--color--100);--disabled-inverse-content-color:var(--neutral--color--700);--disabled-soft-content-color:var(--neutral--color--500);--disabled-soft-background-color:var(--neutral--color--300);--disabled-outline-border-color:var(--neutral--color--400);--disabled-outline-content-color:var(--neutral--color--600);--disabled-outline-background-color:var(--neutral--color--300);--disabled-plain-content-accent-color:var(--neutral--color--600);--disabled-plain-content-color:var(--neutral--color--400);--disabled-solid-content-color:var(--neutral--color--600);--disabled-solid-background-color:var(--neutral--color--400);--neutral-soft-content-color--pressed:var(--neutral--color--1100);--neutral-soft-content-color--hover:var(--neutral--color--1000);--neutral-soft-content-color--default:var(--neutral--color--1000);--neutral-soft-background-color--pressed:var(--neutral--color--600);--neutral-soft-background-color--hover:var(--neutral--color--500);--neutral-soft-background-color--default:var(--neutral--color--400);--neutral-outline-border-color--selected:var(--primary--color--800);--neutral-outline-border-color--default:var(--neutral--color--700);--neutral-outline-content-color--selected:var(--primary--color--900);--neutral-outline-content-color--default:var(--neutral--color--1000);--neutral-outline-background-color--pressed:var(--primary--color--200);--neutral-outline-background-color--selected:var(--primary--color--200);--neutral-outline-background-color--hover:var(--primary--color--100);--neutral-outline-background-color--default:var(--neutral--color--200);--neutral-plain-content-color:var(--neutral--color--1000);--neutral-plain-background-color--pressed:var(--neutral--color--500);--neutral-plain-background-color--hover:var(--neutral--color--400);--neutral-solid-content-color:var(--neutral--color--100);--neutral-solid-background-color--pressed:var(--neutral--color--1000);--neutral-solid-background-color--hover:var(--neutral--color--900);--neutral-solid-background-color--default:var(--neutral--color--800);--warning-soft-content-color--pressed:var(--warning--color--1000);--warning-soft-content-color--hover:var(--warning--color--900);--warning-soft-content-color--default:var(--warning--color--900);--warning-soft-background-color--pressed:var(--warning--color--300);--warning-soft-background-color--hover:var(--warning--color--200);--warning-soft-background-color--default:var(--warning--color--100);--warning-outline-border-color:var(--warning--color--800);--warning-outline-content-color:var(--warning--color--900);--warning-outline-background-color--pressed:var(--warning--color--200);--warning-outline-background-color--hover:var(--warning--color--100);--warning-solid-content-color:var(--neutral--color--100);--warning-solid-background-color--pressed:var(--warning--color--1000);--warning-solid-background-color--hover:var(--warning--color--900);--warning-solid-background-color--default:var(--warning--color--800);--success-soft-content-color--pressed:var(--success--color--1000);--success-soft-content-color--hover:var(--success--color--900);--success-soft-content-color--default:var(--success--color--900);--success-soft-background-color--pressed:var(--success--color--300);--success-soft-background-color--hover:var(--success--color--200);--success-soft-background-color--default:var(--success--color--100);--success-outline-border-color:var(--success--color--800);--success-outline-content-color:var(--success--color--900);--success-outline-background-color--pressed:var(--success--color--200);--success-outline-background-color--hover:var(--success--color--100);--success-plain-content-color--pressed:var(--success--color--1000);--success-plain-content-color--hover:var(--success--color--900);--success-plain-content-color--default:var(--success--color--800);--success-plain-background-color--pressed:var(--success--color--200);--success-plain-background-color--hover:var(--success--color--100);--success-solid-content-color:var(--neutral--color--100);--success-solid-background-color--pressed:var(--success--color--1000);--success-solid-background-color--hover:var(--success--color--900);--success-solid-background-color--default:var(--success--color--800);--info-soft-content-color--pressed:var(--info--color--1000);--info-soft-content-color--hover:var(--info--color--900);--info-soft-content-color--default:var(--info--color--900);--info-soft-background-color--pressed:var(--info--color--300);--info-soft-background-color--hover:var(--info--color--200);--info-soft-background-color--default:var(--info--color--100);--info-outline-border-color:var(--info--color--800);--info-outline-content-color:var(--info--color--900);--info-outline-background-color--pressed:var(--info--color--200);--info-outline-background-color--hover:var(--info--color--100);--info-solid-content-color:var(--neutral--color--100);--info-solid-background-color--pressed:var(--info--color--1000);--info-solid-background-color--hover:var(--info--color--900);--info-solid-background-color--default:var(--info--color--800);--danger-soft-content-color--pressed:var(--danger--color--1000);--danger-soft-content-color--hover:var(--danger--color--900);--danger-soft-content-color--default:var(--danger--color--900);--danger-soft-background-color--pressed:var(--danger--color--300);--danger-soft-background-color--hover:var(--danger--color--200);--danger-soft-background-color--default:var(--danger--color--100);--danger-outline-border-color:var(--danger--color--800);--danger-outline-content-color:var(--danger--color--900);--danger-outline-background-color--pressed:var(--danger--color--200);--danger-outline-background-color--hover:var(--danger--color--100);--danger-plain-content-color--pressed:var(--danger--color--1000);--danger-plain-content-color--hover:var(--danger--color--900);--danger-plain-content-color--default:var(--danger--color--800);--danger-plain-background-color--pressed:var(--danger--color--200);--danger-plain-background-color--hover:var(--danger--color--100);--danger-solid-content-color:var(--neutral--color--100);--danger-solid-background-color--pressed:var(--danger--color--1000);--danger-solid-background-color--hover:var(--danger--color--900);--danger-solid-background-color--default:var(--danger--color--800);--primary-soft-content-color--pressed:var(--primary--color--1000);--primary-soft-content-color--hover:var(--primary--color--900);--primary-soft-content-color--default:var(--primary--color--900);--primary-soft-background-color--pressed:var(--primary--color--300);--primary-soft-background-color--hover:var(--primary--color--200);--primary-soft-background-color--default:var(--primary--color--100);--primary-plain-content-color--pressed:var(--primary--color--1000);--primary-plain-content-color--hover:var(--primary--color--900);--primary-plain-content-color--default:var(--primary--color--800);--primary-plain-background-color--pressed:var(--primary--color--200);--primary-plain-background-color--hover:var(--primary--color--100);--primary-solid-content-color:var(--neutral--color--100);--primary-solid-background-color--pressed:var(--primary--color--1000);--primary-solid-background-color--hover:var(--primary--color--900);--primary-solid-background-color--default:var(--primary--color--800);--tooltip--color:var(--neutral--color--100);--tooltip--background-color:var(--neutral--color--900);--tab--disabled-color:var(--neutral--color--600);--tab--background-color--selected:var(--neutral--color--100);--tab-list--background-color:var(--neutral--color--400);--switch--handle-background-color:var(--neutral--color--100);--switch--handle-color--disabled:var(--neutral--color--600);--switch--track-background-color--disabled:var(--neutral--color--600);--status-badge--corner-radius:var(--corner-radius--default);--section--border-color:var(--neutral--color--500);--section--border-width:var(--border-width--100);--progress-bar--bar-border-width:var(--border-width--100);--popover--background-color:var(--neutral--color--100);--popover--box-shadow:var(--shadow--overlay);--off-canvas--background-color:var(--neutral--color--100);--off-canvas--corner-radius:var(--corner-radius--default);--modal--button-group-border-top-width:var(--border-width--100);--modal--button-group-border-color:var(--neutral--color--400);--modal--button-group-background-color:var(--neutral--color--300);--modal--background-color:var(--neutral--color--100);--modal--corner-radius:var(--corner-radius--default);--list-item--background-color--default:var(--neutral--color--200);--list-item--border-width:var(--border-width--100);--list-item--corner-radius:var(--corner-radius--default);--link--line-height:var(--line-height--m);--layout-card--box-shadow:var(--shadow--content);--layout-card--corner-radius:var(--corner-radius--default);--layout-card--background-color:var(--neutral--color--100);--label--color--disabled:var(--neutral--color--600);--label--color--default:var(--neutral--color--800);--label--line-height:var(--line-height--m);--inline-code--corner-radius:var(--corner-radius--default);--inline-code--line-height:var(--line-height--m);--inline-alert--border-x-start-width:var(--border-width--400);--inline-alert--border-width:var(--border-width--100);--inline-alert--corner-radius:var(--corner-radius--default);--illustrated-message--negative-heading-color:var(--danger--color--900);--illustrated-message--negative-icon-color:var(--danger--color--800);--illustrated-message--info-heading-color:var(--info--color--800);--illustrated-message--info-icon-color:var(--info--color--800);--icon--color:var(--neutral--color--800);--heading--color:var(--primary--color--1000);--header-navigation--item-underline-width-current:var(--border-width--200);--header-navigation--item-corner-radius:var(--corner-radius--default);--field-error--color:var(--danger--color--700);--field-description--color:var(--neutral--color--800);--button--disabled-inverse-background-color:var(--disabled-inverse-background-color);--button--disabled-plain-background-color:var(--disabled-plain-background-color);--button--danger-plain-background-color--default:var(--danger-plain-background-color--default);--button--secondary-plain-background-color--default:var(--neutral-plain-background-color--default);--button--primary-plain-background-color--default:var(--primary-plain-background-color--default);--button--accent-plain-background-color--default:var(--success-plain-background-color--default);--button--failed-icon-color:var(--danger--color--700);--button--succeeded-icon-color:var(--success--color--700);--button--corner-radius:var(--corner-radius--default);--accordion--header-corner-radius:var(--corner-radius--default);--menu-item--disabled-color:var(--disabled-plain-content-color);--menu-item--background-color--current:var(--primary-plain-background-color--pressed);--menu-item--background-color--hover:var(--primary-plain-background-color--hover);--form-control--content-color--selected:var(--neutral-outline-content-color--selected);--form-control--content-color--disabled:var(--disabled-outline-content-color);--form-control--content-color--default:var(--neutral-outline-content-color--default);--form-control--background-color--selected:var(--info-outline-background-color--pressed);--form-control--background-color--hover:var(--neutral-outline-background-color--hover);--form-control--background-color--disabled:var(--disabled-outline-background-color);--form-control--border-color--selected:var(--neutral-outline-border-color--selected);--form-control--border-color--focused:var(--focus--outline-color);--form-control--border-color--invalid:var(--danger-outline-border-color);--form-control--border-color--disabled:var(--disabled-outline-border-color);--form-control--border-color--default:var(--neutral-outline-border-color--default);--tab--disabled-background-color:var(--neutral-soft-background-color--default);--tab--color--pressed:var(--neutral-soft-content-color--pressed);--tab--color--hover:var(--neutral-soft-content-color--hover);--tab--color--default:var(--neutral-soft-content-color--default);--tab--background-color--pressed:var(--neutral-soft-background-color--pressed);--tab--background-color--hover:var(--neutral-soft-background-color--hover);--tab--background-color--default:var(--neutral-soft-background-color--default);--switch--handle-color--default:var(--neutral-solid-content-color);--switch--track-background-color--selected:var(--success-solid-background-color--default);--switch--track-background-color--default:var(--neutral-solid-background-color--default);--status-icon--success-color:var(--success-outline-content-color);--status-icon--danger-color:var(--danger-outline-content-color);--status-icon--warning-color:var(--warning-outline-content-color);--status-icon--info-color:var(--info-outline-content-color);--status-badge--danger-content-color:var(--danger-soft-content-color--default);--status-badge--danger-background-color:var(--danger-soft-background-color--default);--status-badge--warning-content-color:var(--warning-soft-content-color--default);--status-badge--warning-background-color:var(--warning-soft-background-color--default);--status-badge--success-content-color:var(--success-soft-content-color--default);--status-badge--success-background-color:var(--success-soft-background-color--default);--status-badge--info-content-color:var(--info-soft-content-color--default);--status-badge--info-background-color:var(--info-soft-background-color--default);--radio--icon-color--disabled:var(--disabled-outline-content-color);--radio--icon-color--selected:var(--neutral-outline-border-color--selected);--radio--icon-color--default:var(--icon--color);--radio--color--disabled:var(--disabled-outline-content-color);--progress-bar--danger-fill-background-color:var(--danger-solid-background-color--default);--progress-bar--warning-fill-background-color:var(--warning-solid-background-color--default);--progress-bar--success-fill-background-color:var(--success-solid-background-color--default);--progress-bar--info-fill-background-color:var(--info-solid-background-color--default);--progress-bar--bar-border-color:var(--neutral-outline-border-color--default);--list-item--border-color:var(--neutral-outline-border-color--default);--list-item--background-color--pressed:var(--neutral-outline-background-color--pressed);--list-item--background-color--hover:var(--neutral-outline-background-color--hover);--link--color--pressed:var(--primary-plain-content-color--pressed);--link--color--hover:var(--primary-plain-content-color--hover);--link--color--default:var(--primary-plain-content-color--default);--link--disabled-color:var(--disabled-plain-content-color);--inline-code--background-color:var(--neutral-soft-background-color--default);--inline-alert--success-heading-color:var(--success-outline-content-color);--inline-alert--success-border-color:var(--success-outline-border-color);--inline-alert--danger-heading-color:var(--danger-outline-content-color);--inline-alert--danger-border-color:var(--danger-outline-border-color);--inline-alert--warning-heading-color:var(--warning-outline-content-color);--inline-alert--warning-border-color:var(--warning-outline-border-color);--inline-alert--info-heading-color:var(--info-outline-content-color);--inline-alert--info-border-color:var(--info-outline-border-color);--header-navigation--item-background-color--pressed:var(--primary-plain-background-color--pressed);--header-navigation--item-background-color--hover:var(--primary-plain-background-color--hover);--header-navigation--item-color-inverse:var(--inverse-content-color);--header-navigation--item-color:var(--heading--color);--checkbox--icon-color--disabled:var(--disabled-outline-content-color);--checkbox--icon-color--selected:var(--neutral-outline-border-color--selected);--checkbox--icon-color--default:var(--icon--color);--checkbox--color--disabled:var(--disabled-outline-content-color);--button--inverse-content-color:var(--inverse-content-color);--button--disabled-inverse-content-color:var(--disabled-inverse-content-color);--button--disabled-soft-content-color:var(--disabled-soft-content-color);--button--disabled-soft-background-color:var(--disabled-soft-background-color);--button--disabled-plain-content-color:var(--disabled-plain-content-color);--button--disabled-solid-content-color:var(--disabled-solid-content-color);--button--disabled-solid-background-color:var(--disabled-solid-background-color);--button--danger-soft-content-color--pressed:var(--danger-soft-content-color--pressed);--button--danger-soft-content-color--hover:var(--danger-soft-content-color--hover);--button--danger-soft-content-color--default:var(--danger-soft-content-color--default);--button--danger-soft-background-color--pressed:var(--danger-soft-background-color--pressed);--button--danger-soft-background-color--hover:var(--danger-soft-background-color--hover);--button--danger-soft-background-color--default:var(--danger-soft-background-color--default);--button--danger-plain-content-color--pressed:var(--danger-plain-content-color--pressed);--button--danger-plain-content-color--hover:var(--danger-plain-content-color--hover);--button--danger-plain-content-color--default:var(--danger-plain-content-color--default);--button--danger-plain-background-color--pressed:var(--danger-plain-background-color--pressed);--button--danger-plain-background-color--hover:var(--danger-plain-background-color--hover);--button--danger-solid-content-color--pressed:var(--danger-solid-content-color);--button--danger-solid-content-color--hover:var(--danger-solid-content-color);--button--danger-solid-content-color--default:var(--danger-solid-content-color);--button--danger-solid-background-color--pressed:var(--danger-solid-background-color--pressed);--button--danger-solid-background-color--hover:var(--danger-solid-background-color--hover);--button--danger-solid-background-color--default:var(--danger-solid-background-color--default);--button--secondary-soft-content-color--pressed:var(--neutral-soft-content-color--pressed);--button--secondary-soft-content-color--hover:var(--neutral-soft-content-color--hover);--button--secondary-soft-content-color--default:var(--neutral-soft-content-color--default);--button--secondary-soft-background-color--pressed:var(--neutral-soft-background-color--pressed);--button--secondary-soft-background-color--hover:var(--neutral-soft-background-color--hover);--button--secondary-soft-background-color--default:var(--neutral-soft-background-color--default);--button--secondary-plain-content-color--pressed:var(--neutral-plain-content-color);--button--secondary-plain-content-color--hover:var(--neutral-plain-content-color);--button--secondary-plain-content-color--default:var(--neutral-plain-content-color);--button--secondary-plain-background-color--pressed:var(--neutral-plain-background-color--pressed);--button--secondary-plain-background-color--hover:var(--neutral-plain-background-color--hover);--button--secondary-solid-content-color--pressed:var(--neutral-solid-content-color);--button--secondary-solid-content-color--hover:var(--neutral-solid-content-color);--button--secondary-solid-content-color--default:var(--neutral-solid-content-color);--button--secondary-solid-background-color--pressed:var(--neutral-solid-background-color--pressed);--button--secondary-solid-background-color--hover:var(--neutral-solid-background-color--hover);--button--secondary-solid-background-color--default:var(--neutral-solid-background-color--default);--button--primary-soft-content-color--pressed:var(--primary-soft-content-color--pressed);--button--primary-soft-content-color--hover:var(--primary-soft-content-color--hover);--button--primary-soft-content-color--default:var(--primary-soft-content-color--default);--button--primary-soft-background-color--pressed:var(--primary-soft-background-color--pressed);--button--primary-soft-background-color--hover:var(--primary-soft-background-color--hover);--button--primary-soft-background-color--default:var(--primary-soft-background-color--default);--button--primary-plain-content-color--pressed:var(--primary-plain-content-color--pressed);--button--primary-plain-content-color--hover:var(--primary-plain-content-color--hover);--button--primary-plain-content-color--default:var(--primary-plain-content-color--default);--button--primary-plain-background-color--pressed:var(--primary-plain-background-color--pressed);--button--primary-plain-background-color--hover:var(--primary-plain-background-color--hover);--button--primary-solid-content-color--pressed:var(--primary-solid-content-color);--button--primary-solid-content-color--hover:var(--primary-solid-content-color);--button--primary-solid-content-color--default:var(--primary-solid-content-color);--button--primary-solid-background-color--pressed:var(--primary-solid-background-color--pressed);--button--primary-solid-background-color--hover:var(--primary-solid-background-color--hover);--button--primary-solid-background-color--default:var(--primary-solid-background-color--default);--button--accent-soft-content-color--pressed:var(--success-soft-content-color--pressed);--button--accent-soft-content-color--hover:var(--success-soft-content-color--hover);--button--accent-soft-content-color--default:var(--success-soft-content-color--default);--button--accent-soft-background-color--pressed:var(--success-soft-background-color--pressed);--button--accent-soft-background-color--hover:var(--success-soft-background-color--hover);--button--accent-soft-background-color--default:var(--success-soft-background-color--default);--button--accent-plain-content-color--pressed:var(--success-plain-content-color--pressed);--button--accent-plain-content-color--hover:var(--success-plain-content-color--hover);--button--accent-plain-content-color--default:var(--success-plain-content-color--default);--button--accent-plain-background-color--pressed:var(--success-plain-background-color--pressed);--button--accent-plain-background-color--hover:var(--success-plain-background-color--hover);--button--accent-solid-content-color--pressed:var(--success-solid-content-color);--button--accent-solid-content-color--hover:var(--success-solid-content-color);--button--accent-solid-content-color--default:var(--success-solid-content-color);--button--accent-solid-background-color--pressed:var(--success-solid-background-color--pressed);--button--accent-solid-background-color--hover:var(--success-solid-background-color--hover);--button--accent-solid-background-color--default:var(--success-solid-background-color--default);--button--pending-icon-color:var(--disabled-plain-content-accent-color);--breadcrumb-item--color-inverse:var(--inverse-content-color);--breadcrumb-item--color:var(--content--color);--accordion--header-background-color--hover:var(--primary-plain-background-color--hover)}@font-face{font-family:Inter;src:url(data:font/woff2;base64,d09GMgABAAAAAYI0AA0AAAAEnsgAAYHWAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGogMG4SmRhyBqkoGYACBywoKiKAchus5C89UAAE2AiQDz04EIAWMcgeByS1bpRu01kps292SXFogOJmeCkL8ShEEBfHTOaQSbbEAbk63++9nEZWMuT9eCEFEIdDqGKIDEwlKp3X+WVeoc3+EKZXOW9RKhDzS7P////////////////9vJPnPo5t/7n3JeSMvIWEFCQGKgigIMrRW7Vj6RwtqJKyj8CFkMS86yFCWVZfwKNFDHw4xoDMY9rMsq0ewF1kBJ6IbXPTHiPDNJHMeLu8UWZYVCGinmAgHpxHUCKpDfabO23lFfBhl6WsWl1dLjGJbVahQXZZipVC/pkomVRTrjsLCssMFHW8Su6U51c1wq7gBMunv/E4jqOztyikWpVUs5uO2Iuw9DvpxW4oV6lPdsOFF/6zeVebWvFXHs42yYA6KDQqunXIOVni50K2+VBcqS72+Imou8dD4cYAVjvJSXNocjxEfFzEUSjl3leFIXTydtnenpkGWnlxv1cA6zy+CCOm7VavHbp5HjhBTt8UDPsnG6qVaM6mV2bO61CY0D3qjrZPZq9P0D17S7vFkGtVKfUz0VV2pLT+zpYx61O5NvigHdap0tHa5s7Kko+AKWycdps5pTlCxFlZQ8daCM9COl7aL23tEkrClKChshZjhuZ1exQOyBrU9BudQirLuPfcn9tCBz8VyeYANYWHije/BlFxiYdJtCyOvXpvkyWTyq8FwoHzSZwlskuzoZdq+mW/FQ0Ln5L6ra7edMjq/2ombD2Is+iKzi4HYCLcRPWERNeJs2S+QBY+aBNEHlRnVH+Of7rrshkDe1C95EMHiPPTCdzGCQ+YoaW1NObjd1WpXFJRMYJ+4r379nNBh68HRzSPcLhydOPS+hqewKI5YZ5l0nDmrtIVzmMqp+G28SOGbuj/Lh3j3dpHIE3bKsoDVvf4ueidrNsA/n9N5fphjJb6flug+C/9bJVMY8eEoj+lr+XuOF/zbK/q9Dg7I1Jwpc+I9/ve/fxAh8Ssa2+q0kzdDB6fsL4YeRy8fupbMiNAhWDqUnBQ2Ky2FjSw8vcgdJvofNL0YxN8UXuNTLqZ/RT58R2kw0X+Z35s/qT9er5py9E3E9EW1w/gzRlQIJjuN6Tmlv8rzPJcfU3ctOsrGZvZ6ORN9PUtum9zp9dj0jyImFxPcOP+mjF5z+W1m/EKVyTm90r+mb2jeT58XjTLW3w1sanwSIxpVGEgnnRUWe/Vg1IqCWL8fvQfZZSAcQVrC0oD0VAcUgfCX+OMQ/FCZeKvmkmKh5QXXViuHQck8QiEiKEIi9dA4pudNf5tLNnApzvbq57RNCEgxbu5TBbCJKG3vYogplkM/p0vcUo+qspxen9F+oX+S+/o653b37eFSb2cFfToGUwUpmArRd5A5poKEHP95fm2d+977OcEwDAMMMGRoLxICBmIUstiYsW30KmA1RhYWYjZGNiYD0M5C/PO8ef68s80cznxzvt2Z2WP/Yz/23M7MmXnyt/yVJKHyVSpJSKh8X758MWMzzPOG4eG99cpvRVlZUciK8u34R1YbG2bz2WxsNmOM+WzMf2PD2Nhi8pl8F/JdUVSKolIUlaJSqVa6cuUuV67rLl3dHTxhzr5elaSS7O4/kyGEI+ARkG+wRH1axCGALPMQJ7EdFU99S/71VvX2zD7pfIQlQqMjd0aWEBQSQcbQpkYhBcByUg7TWvIjgnDtcsPSgWth9bptIkMuG21WOhtYJM2uKj9rYH9PHgayziVtba3AX3rW97MPVL1GRAL8Wwv3mm1nFg36Lskm+V7UChAIoxAgDm4AfD7HcdzgOLwHufRw+HgubdJmEorY/qj2htcMV/AE7vmJpHQC6tbMfXtPH2CTCAVhGmlQ4L8cGIA3zbQvP8PhcKQDmdgdCOyUbRh6knga9Mvh8+2HWySuREKhTu7LiSimVSwtYa9TMikSGeBv+eVrgCOOGqwPcyI6ZT8hT0bc2AeCzWa0N+Hf/7V/k3v2TJLlC/T+jCqBZYeSZYWt0MDKfCoRCdOjnH5fVYvsqm5Jjpf5CHTDM4tsOXHAEJjhgLprwUkW7WRPHxEs+wO9WYLbTq3RDLNTWz0Re9NIZAiZbI35kNHQCIVGqibV8XHffm3u34OkkjaRTiUJLk3328CsGNYqidKoAZRbhm7iMkxWGY3lvUvBQSAIhsEn4AGCpZ3k4Wmb/+AODnQVrl1U49a/8LtbpEw46vBup4fcd2AtgZuAlbgylt9fOnPBT7c2FoX+ZdoPlQ1dI9zfeqlP6+1oZ/XeyWcRhmM+RCwccdbH2CiJCCIZ4v4YX4SZOCIZHHEZgrgoRoTJRTgiEcfgE47uLMJwyIdymRyDaY7hEMlwiGQwk4dwxGVyCDM5hD2+iEQ44iI7Ih47Ip5cFFv33g/8e/uDYfkuViaL+eQXkk8URZlPpSiKECsUEauIfOcTnk8UIRZiGPksFkJZTazsZX61l1tGRLVKUVZ5udKleiX870kFAB0XDVCZP2nyXezpM+kyVhcsmtSpANmEe7cHhmM5CANrubxSFjIup2Iv4IlIzWRFzeZZASt8SreZmmXGEAVAIARRVKt2T9Zp/fr3dcjGkO58AdsYvtTD//NH7c1/8+49HzwewNaNokBXkOJop2UFG5EsDNMVMCvL+vYrZ/iAOUCkCSqAqlTAtc2qO7ZBG7aEroXKWyE/qhv4LmK15nyhnLJuUwAFqB50zy3Z7xPjn5Aj5MqTK+TmVMsr5LYsR56cpJYmvkDxgOqrAhGyMXw+aEI8P+77t/fhzllYaR1BNEYywaFvkpIQ9zvKTUQmIvr6I4jBeaG2+SIHf/MzRUL6blvfmWnREM5caaGBE/W/mVJoITP3w7HW2vRkav/ETiOkBgrDCdo49vcJutsQe91X6bYuvNO78N//pfdsQANgCx6xiMSwWunz5s/OT7r1wXkltgszDod2xoAzWn3AAAf8agxSF0LjMwsob8nYELVVX56nLrYr0EwQhOFJfpAlB7jQ+OLhAoaHEQYY4YL0X6EAFRVYgFIwNkH3vQuToSThfVw9v3M7nTZpYddfCRQoi3AOIzHyrY3V78V9Rekq6W93r9JKU7EEh2JQVTFIBmeaUAzG4hCKrkiAhFnA3JuzV5J/SbI/Ms6M0jgLwJLmfi3wyY4DhV1+96K6zUsDG3AAEs/zPM/DBpyAx/E8zzvlFiXx+RzHcRkgcIAWHj9Ygwc4YBz8//8+ne6qCirbbWQlzPEuh/GSMH+mFwVz6v5nGL1JCrMqjqJaYSs0Qiv+3kyt9L/p/uTvwWCFJmSG0hrMWUDryLUpNDLuvK984//f757u378bM909Q2FmCApG3OOQXB2MDADu7WEAghpCltAa7yNC5lYU11gTnfEmsja6ILQ2vWzDM0lmfGp8GFyaHs9TS6bdJ5YiEY5z4EC4Zs3dUj9gS4vOrEwpVUa6SGSsidXRQadcb6pve0dKNvDjURFyJJ0i5dSHkFp3bu1q7yDw7ghRPgTJBygxKAA/Hqh0IKXPADBBkoeGxDETFEKm5PAAkpqDIgQqAIpUhvRzjnWpL4fUxbZ2U7ooXaZYujTP/7u3V3o2m2tmwCzopAMWCjXjeucpRcthpRRolk4T2hH//n+q5recnaWUzxqOXDkVtYsuxNS0i4GGdyHskMfiwj5amXKU96fT/9/xYQYYEoRSdKJDaspfFNUvWwA/ceUf7azK/7+q9rWAaDn8v0Eeb9BsCPn00nxv6qb9W1Xv3fceHvAeAJIAQVEASVOgJEuUNZYoOYiaQICQB6AoK3i8K9n+IWZJP+RUbbVFE2IVy2qqeqtyz3ZbtcsD31rL96bsfsyGEImUpjHMojL4puMSeL+KaEmkZA1CJEQIF6ftHsMBYhr8/7es2fl7iU2s04TCyBVu1rrq6Q1V8zYXoecUZJWD2hRIFuEwGoXkYCzOJAunJf2ZSfGt0nRKhWEPALQtp47SvKk2ekB4kDl9tSwweb61EX35vBD7so4iyNAtyZhsyRqv92tmlklGmfD9N/tKrFbcP5tyNttsGPBQVkf5X2gWRXqr573MmhrgLgKNMDIROHG++ZtZ3oxWTihJDKsjFgdRNon3qUtnS+NVTMCHkRoA4M1DezcGjvLhRRb+7F7WJt1ClSvCY+VgQdz9nSH5Gr9P1Ww1XOwDRZA+wTIfLtGZB4dYdIJTHGdU7c1i90sElrpEp5BJNYur7Axnlfbllzh/ea8tJGEl7XaCMw5lu8b/rMup+7CFwhi0QHj4p/4eHd9JF0paoYO1i7GS/QlwACv09WGgmkrUVjdIySoYxCDMnDFCmI0uiI4P4odyKcms4FOlNCmuOA5jjDHiSRHMs6gog/zfsP7lXIvpZunwEAkhiIiIiAQJkko6hCAyhPztLfv7VdVJAOuyS40abYyAQDGz+/5veJtfaJ6UpNchliGYwbjGLPnuved///+S3jfvc4epjm05qioiIiKiqmq5n2+Gx/n2/+9bUodpdzoc/BHERhjXGCOCCSGYNITc8bPjXvg9NVN27/5l3r9q1ao1KkaMiIgRMXofa6bVyJte+7rgS+bwZM9sEkIIIURTFE3TCFlLibeMTvKUUmQbZvaFPI1AIRAN8tMg6jrItroB4/UPrrCpjRWpoGAUJSoX23A2k3fBAqQEKHW6bn//I3NvZz/Y9sb63davLBmCDBNIQsZ6jDusLrRfMtDDak1RmFMP9SKs1Uqzuschf8eJKlMIY4QQN7fLKuXH23cPAhg9GKv/BIQkhE/3LG9v4w+6skR6NslLnLA18P/G0VQiYFodVh1kWWJ10GQOhPmYirAd0uyENqcNdp2DPKeaAtWT4V+5BpAZjWoHul26XDDkhlG3jLljwgObvmqrlI8RQBKCIlS60JmFlTsDAUwEAwv3l+rQavKXLlBdYTJx9FJouBijwc1HtVONvdgOaXGE1yVRt4DuQzyEeYLqhfzkJkHiJEmiSzqjZOZaVQVV0ypbj0MkuwrJgUJypJAcIyQnCsl1A01OIt1OMj0Plz8Or9/v5OHyAFIMPAVtxInW5JJjYcVZTIqNYPSZseJuobi7xFw0Bw+C7RLgD0ripZF8GaQfnKxDUnQETl4ZZ47Er0fh3NVSfSwuXUfdkHms1ixWZw57ZB57FuoF2bU3t6z2NYuoTgtrwazhx1bDwV7Dwc0/xMM/xDMHvOkSxIRQYKIdbvFsRQJ7Up0ggx85sBQKqlINvqARI6uFuLWKLdokti5cV7f9xKBfMOQnhiMmRDLtC6vy25pisa6UI1UcY3Lubl3Iv+DKP3EbcZ+nXuCfeBVWR/G3GobLlq99SLYSgbi6k9I8BlXUhhfCzsm0pjOniLartQf2ld1O16l2sSFxvcDkvSIh2WeledP8+H1XEwfUig067BBHO+vkBuZoewlLtgDsipN5w2Dtu/MT+NX56VugFP9/2JG/TsPK94mVsPUfUAfMOFcccJ0c3oBK7MkP88OqgqBDgoU/hlAMGsAI8qlY5IpprnnqZGRppBtJyM9cz+/ZDHO8B5OpaZ328GbkMVPbalZNdyWMdZGuVlBhjtR6AdfDJfkXely3ZbTa6a6MVXutzhR10BdzrXqW4UPjiI/biryOP1ThPO5PHMFCf2YqL9E0FjVd4Koo2aNiiI0qWuxUMfLTDxVTnMVVxYqneKl48f6o2HLotkpcnYcqSQpRJYt4oACeYVBnben/evrkH0X6GAKoOAOopSWghKLqJGkWFsU4nbb1oes+xl3tlOAboOvc2D9qyzJPd/Dxupkvy/RTxJclQT/ugJz01UNOlFe8cBOh2m0ZOCFGnVqVtrJMzy166Y9+agmpBrXqXKoBx2tRYw3Ww0bUOzQc8OTQNFFB0H6X/e8Omh+S5D/dw/hZ7AbGmsvEpCqCY5NWCChZ6qZNkmZV4/rng5DxAWU6ZpxflUEHzZ0M9mX7kG6gy+P1HFLrzAh61/TeMDPoe/PVJmZb2XWE4x3tN99oPs+/1i6B/3dy8dornOmuf85kHTkxRONKTV+YV/kbMt+SalPO40z4EVuqZeSy0FUNC6ewvdwWo5aFljO+gtX1+ic3jh7J+N/iJ/KbbJlUmYDggCkXtXHnFPoFmnWUK0O+757yZi6CBRng1PgR2mJgQdA5c8qPCWxNHMHlb8x5075orx9f1BUZ581E/DErDjnkDzjgA12RSa+hlfEAR9ZjnmsXVOIU/idjG9/MXFGJudPd23BqdcpwE3he5/slgOlc8dRQ2v5R+Fgi4VFnwhph8NxHqKz14O70PcP1QRy2rRe4zOcwX+4aCFTLoPgwZBKUMyyjdlblF/Jalc9VieXlX8dflEpte6SJD3RaPlVptAfXaI0dbW5ynQFdSuqNC09mlEdIneoTuYC7Ar6JRmmkf81t5n4fbl+4B861j3VncqmjjmVXgGNcKVA61c0KVLIZPdrPYt+dNeWIyz/UnVzi/sMl3gez4u6tAj76L6pUg2yCHCv5CXNpKNfzpc3GZxIIIlEWD7M6W1OXW8TDU9OtGWfHn9EGpxa5ujWCOoMKeXjDQe2lTYNrjlLySGH0359QOTNpD/zInNHUIofNfFZcM67JOmBy/tN03dLEHf6qi5iIkCQdWzep22GM6YVg4AyWIYRDw+Hs23dRRqyRzHUYWcZO45BR6ETvKftVVGpWzkl8x5j3YVGgqvx7DpE+izynWHVbzN3cNpMiM992l0bS9r+jCuN/qYgChBPhomVmjMq/JxX4fvKP7YclObrDVQrjZ838/n7SbAcHrZZJPTKxpmxQGXq/P2L9zgqiekjsCi1p3N9NOlLazv0p9/z7/vIFeCMi26wLFpaz4iux3Vg6tXDLJvaaHSKOfHeP+wzPMdyDXKFNTlzwmTgMa0ZupKGiTLgrzp8BPMCKRZzr22T8340CtzuyJyZX5QnEbzHol4UV1JtGSr6Tx/e/Y16IYSKGFOCMfMkWOWW8M87Y6ZxrdrnhvkMeeeKUZ545G1ka7FxChZwC51d4EYGOFt161ra4NrCOSVJguSGzqTV+3i20laXvtZfTPh+2kAKv1mk+sC3xk9myd3JtIXCKmn4kvoa18HfPmDteEwrGKj+I8X9oC4n3pydUPtBGYeSDbRZmPowKvfkMLHAqvVA6teLUzqC7fDqJy+KGmQCSmkGQmZemtChLa9lvdlatsrdunQMREccVk7iYTvK6Y+vz0N2PJzSSyM1UWqtbdrvuyjvwQNmRR+qOPdV14oWxU6/MnXnjTYR33kUCAFFweDQKHYPFxzEYiWx2kkyerNSlGo3ZDuccV//DyYOV7BcPV77xHm3FIjzZ1i3wYbuXJGLPL0XiMpbln2Vvk407s5hN+31Jm/fnZmzZWeAtdyrzMUIsFvTqZ8Wgpw6zaIAzh37xR/TbOWx/XKX0zy1m/+EZXcLS1IxhE81bMahrZlafOZ5V06+l1S1dvW4bGnbX2Lh7IFD3MZge4PE9JJF6RKX2mM7oiYizjU7JNrsUe9qN2qEHs4te3TRllGnSjBodOlEHBo6GY2yjyYtfTJwSEFP+gmImQEjM3UDPLkGSYuE5buDC5GcPCEhMwaQFLENGzGXJioUc+bFUqDjH0dBij4ERB0JIinZsx/Ln7GcfpznNKSfmMrc4b2pIKjc/OlbmZEH4R/ATG2GRwMS3ejgu6jPNEqvKDNesq8EAyvgD4R94qKGOObIST4V7P0RhpeHxlUmB6S60sCRaSrVQ1GCqTd1d45w0F67cuDvJw188ecUh5/dJLCaUcD4bQAMOEOMC1c/mA/HGh40mSZtFpwOAjAG7tNkdThDieEGUZEXVdMO0ECwqgAgTyjTd4KawbEe6HhIAhGCUSqMzmCyOyWyx2uwOp8vt8frQVChVao1WpzcYTWYAhGAExXCCpGheEG12h9vj9flD5r9wgqRohuV4QZRkRdV0w7Rsx/WQECRFMyyACHO8IEqKqumGadmOi6JcfAJ58gmJFCoiVqyEhFSpMjJyR5SnsTgkH77QMPzUOaZeg0ZNmrVq0+6EDp26dOsx7I67Ztxz36w5D9AkkSlUGoPJYnO4PL5AKBJLZHKFUqXWaNMpL71isnhWWRcxQMIholCKao3OYDLnWjJP2a6eDasGY5TAmHET2a6Nkw2tSTOO1rTVuyFMlhxwKHm0JJ/9Y6NUCouQs/YgEDRVijf8Ciqy02+l4fOVqZELTlTm0JBRzhgwTiZiL2zUO/HDvhJB/szKYfFsBq40CFoZ+r0YfLFXTl+1CmToThNRKkOQCdktBIpBFQCFgAO8Klupctwu/gw2wwVEaAYO4XpdL9O62F7VifXWZaDhjlPNBRkqU5CtEFKYUgWCwgDXuHKrvahERDSrhaEM4BvMkAwbMUqwF2bCpClC0+bMl4Xjyq0zzyXYuzfW+7Yh7q/OvKT8uiGYNzJXz/q9dw5zNTMzMzN/zV0imJm5+uOc+XOd3x3zcS4vdvoOLad4E5yUKlOBiISCekQ7kpqxq0sxBDXAImx2b7FOpAZcnp6UCKLpfKWaw7kjA3W0tPkjcxB8VsjqgCsD58qq6KFi6Cqx4kDES5AoSbIUqaC+gkmTLkOmLNlywCEg5ULJg5YPowD2C4K5dHR2F7r16NWn3wC+QUMZ/kh1qSFm/xoAaehw+SRCpM+ifAEp+IOnQlIuEHRKzBJyFgIbmHIXjvoxORsbwpTfNfwes94O9bdP4nT2P+/yonQHjKq07/9KwncOD6V3Dbx5HEvnp3fmY8VFtJewCSIios1ksViIaDOF/PCi5x5aVebbPXGhXTDBL1FxqHpqDPXSgqkSspCqn/vHMdWbaxEegKjUWWdtYVUug3jKM4iSHgEgYisbxdkZjim0MJcMRBYqcukueQo5dNf5W59/XHTFbffc99gXRJPoqtkdSrCvF7Baug7uV8tenlAqYT5/6kqz8ITLyH/4jNt0Rb7zNrH7LWKFCNoEg8HgU8onhV40v7LFT12RmXWzMLdyvAOQjIGMGnu12R1OEOJ4QZRkRdV0w7QQLCqACBPKNN3gprBsR7oeEgCEYJRKozOYLI7JbLHa7A6ny+3x+tBUKFVqjVanNxhNZgCEYATFcIKkaF4QbXaH2+P1+UPmv3CCpGiG5XhBlGRF1XTDtGzH9ZAQJEUzLIAIc7wgSoqq6YZp2Y6LXC4+gTz5hEQKFRErVkJCqlQZGbkjyjWOjrU7gs6vnqzdVQUYAAAwOT6GAAAAAMAfqRu+BAgAAAAAAAAAAPCWuRUiAMy0yN31eF8FSJIUWQpUqFGnSYs2XfoMWBwTYQIAAAAAAABA2e7v99/dxJZEwfIaYR4dmzLcijGF+pRzlBlLZyCCtgQO2IROlGUovGoYgpK328cEsso3bWQC/Q0rCRO1zVLSQLMVjTi4eFqORBp8YWXYDsc49JxE8EBAyoWSBy0fRkHBvg15xWao2AjmNwJUVAAAQOPHnewhQCmqosFs4o5ZQbIUZYV3m0phDgLYPZlssey7ghJakoOBGwJSLpQ8aPkwCgp2voeo0ihmc7Myv6XKCu9PnBgYDcANSNP7mczvWRNgv9hAJBormUEUZscN6p1WD4S2PWdU+3/1azm6Ahyv61mbbF1B8Ti65L+HFa+Rtqn+LOWqanMDzHrNRmnWCaylQD3oHgxt03AfmxVctF9fFpVBDyB1OMUGxINxsuDSTbEk+hMDPC0CDygNOhUsTXk7GJ0tBZIf4AAXOsJOtC66svQjZSqNkiJvZBTeGhux+Bz3d2BVi5rbwU4IT5ENXQvrT6KUKJ7IUAVnvWH9GzodoBHJGFH+ODfcMt1yFGhdciSSWwAoPYQ6Dt3OqRyynrA9ioMjFOiiG6428bCK24M0aOPtxW3hLkEnd6uoV3LrWOUN/NWr/p3F7OJBAOZ89ipJiDk223Cr8xQlUkyq7WjlncfV7ZB3b0WzaM1EriA7dZMaJyXZO4tZqXuQbmwFN5dzs+Eyw7m/YXorxgjopUZyuaEV8S+JS46Mf0yqQLZAzyHjH5PVskbGYVzGYy0V0frqzqliFOkDlyhwkXIrKq9c3Cq/e8R18HI8lcDwBQ2hQ5ijG9Mv1iEMYowGL3aHLuhj7j2hqmPYI0u1qYKBIXcDmbtEwiPSKC0oozL2J5dbW/Xduu8R5uWfhRFyT2m+eTjtjqiSypxWu78KENo3EAfFeSdnvgM0ExpmIiNvSI7xTqesdkNJRbuLBs1dAgQ89ye5kwP2+PQjUSw/fv0BIAQjKIYTJEUzLMcLoiQrqqYbpmU7roecICmaYQFEmOMFUZIVVdMN07Id1xufDHf/AtjsDicIcbwgSrKiarphWggWFUCECWWabnBTWLYjXQ8ZAEIwSqXRGUwWx2S2WG12h9Pl9nh9foQtNofL4wuEIrFEKpMrlCq1LbbaZrsdP6rq7q8JAAAAAAAAAAAAAGDCiTMXrtx4OMCTl4O8IRxyGFIuPoE8+YREChURK1ZCQqpUGRm5I8rTWAfJhy80DD91jqnXoFGTZq3atDuhQ6cu3Xpev2AlAgAAAAAAAACAV/WaTH1xW7L6BRb9m/+q2nTo2sDAFkZgtjO2gylzu2JdbrTJZqH3Ky8AAAAAAMD/yi5IK+m9SPLfRHufoi05JvBAQMqFkgctH0YBbPgXPcMbPVS7qqIRs9Os1JYqC+/epkIIIYQQQohXhhBCCCHSvL8H7e9X5uj91Izv+Tf38O/fqbNDDP5rGwP/tX/KDEY6xZJlPRP5Zm/rAbIqLFUcLByyShRUNFXoqjHUYKpVpx5LA7ZGTZpxcPHSUaWpVaffAIQspgZo7NGmMdnvVOtfkKzvDlNEuIXI7NtOqjHO7S9yLnV5MgDa35l8v8U52Yn00teR7QwIAAAAAABABAAAAEW0kSPg6O9nGk4+mwzQ+AOJfYXtl0dzGu5bMOjW+bNPdXX392UVy56VqmzC0AJhFzIMcDEI6OB1e46AqN+I+4mNGktypO/Ibcg1SRMy1r3csGnLth27RPbs56AGQIw4CUCSpBQYgBCMoBhOkBTNsBwviJKs6Qa2LIAIc7wgSoO9QY5dyXxWylaESm+u2IjvPAOKkmzNgSxKDvDen/f7SsMaMvqn3fZGHVd+nXnGqolC+z14wWGVAjC9N6kHx+4tSxvEVncelNZRrVLoxPC+ECFM9XhQVQdBgczVx2C68BgiIiIiIiIiIiL6XGRBhndyAyUP+sHF9+7FzD9/0hlmZmZmZr56s9Oac5Sjuq1CpSp3VKsJraI8JRuyZTKZnNEczst4gIOimL79+PUHgBCMoBhOkBTNsBwviJKsqJpumJbtuB5SgqRohgUQYY4XRElWVE03TMt23LxfdBk42R2SswMHAlIulDxo+TAKYEezCQd3/KIsWrLstxWr1qzbCEE2rduSCGn/EfVCQ3M0GG72tOdjn5V6nULInhpaCF/ZTyRiwKx4bymUEd6ABzMvAxAEedfz0RPjfoKsdJ+YcgXW7uM9mT5EvVautz312Xx9TemUv/3Dz2n+zghw1jnnXRiB0Bf9Eq+8FixEqDf9Fu+8968P/hPmo3CfRNz8PzdS9/PKRvFFrD2FDLmNQl6jkQ+jAFahIsVw8AhKlCpTrgIRCVklCir/TlWskmsJaPm6uC4dxqjAwJ1CyN4augzfkNEwcVZJ91RySZJy38lGCCGEEELIS9uyFFRV1RmLMi5Aoq0cz0RVVVVVVVUnA0nlYioQNeOgCFf6qfRPiFc1MO4L0FOCOOKnH6P7Tk3Eq9LPTSz3z35AQVJIZJM5J7cCbbh3bfFg1y5EX4FqJKxRe5sNkADAILAVIlIlTZRSKiin86ic9sgaAAAAQPDUStfrY25g05ZtO3aJ7NnPQQ2AGHESgCRJKTAAIRhBMZwgKZphOV4QJVnTDWxZABHmeEGUht2tHKYCUTMOBeFOexCFrZQpQ6ysIg+lFVtmj1p/mPaqDumOYw9SMlVemBoouAOQILHYBJCqMrrKZDgLbS0jFlIFgkLASc8SdKZjy4SACM3AIdxxEipgUzLhwzIEZqj0G2s6FGg97t1bMibOoKKymHoH4tHlcEIeUen/rW3F2WoK4rUUslf2pUFafsR9eahehdhrwUKEeuOtd9771wf/CfNRuE/XiM2f9BWbqr8rwp0/NAfq9PKFN9XHfJ3yt3/4Oc3fGQHOOud8X9CXn2Vji/eDNfE2jRqdF2j5MApgFSpSDAePoESpMuUqEJGQVaKEepfKWr1hR5zDNu6El9QlTLh4kzhNbqv3RyV2mc/I1zF5rAM3bNqybccukT37OagBECNOApAkKdIKCiEYQTGcICmaYTleECVZ0w1sWQAR5nhBTPrAAE5cAd/9Lw34dJfMhukRLvwk4sA3ISsFABNCBVFisqLRWrA4AQAAgH3TBJRDSygFyGctOm6+PKFwrViiC0uDnTa+N4BSSimllFL6NZU62IzoxpSmS6v08dLQJoGQVzBjETDIbkmldok1R/RBfWkdt2vIcRSaPM4TZuRom8kph8iTJgkQ7qE0YhjWiT8RNPlFpsSXVrj0U0gERibBJuDBEIQ5tv6YfAQ34SZPH9H/tfcjDbRWZjOSiEFD23yx1iJgRnOdYzz99QVRkhUWQjCCYjhBUjTDcrwgSrKiarphWrbjekgJkqIZFkCEOV4QJVlRNd0wLdtx8+5ak+v+o/fkgSdQPjJa5/p/P/FTnQ89yuNScM+NHsKtvjuFhxCMoBhOkBTNsBwvSLKiaroxJpbtuB4SgqRohgUQYY4XRElWVE03TMt2ZOYEIRhBMZwgKZphOV4QJVlRNd2wECwqgAgTyjTd4KawbEe6no0FgBCMoBgOTyCSyBQ2h8vjC4QisWRcNlBpXJ44W/5cWED6wk1AMZwgKZphOV4QJVlRNd0wLdtxPYQFSdEMCyDCHC+Ikqyomm74+I4FAgQRJpRpusFNYdl3YCOi+r8LAUUzLIAIc7wgSrKiarphWrbjej5yf3c4QQhGUAwnSIpmWG2LCJKiGZbjBTcsACEYQTEcnkxnaLR6g9FktlhtdofT5fZ4fSy2XAUiErJKFNQG9iqP21d9CDuMkT5LnZ/zg7J8jUrwseoOqOGzWuNJUNvV9lydTvdZ/YJoqNJQXF5SfzCE6Kmn73BNTaIkNxHZi4auV75E3FfNWrRq065DZ2ANICCEQImIYQoKIRhBMZwgKZphOV4QJVnTDWwFQpFYIpXJFcFI2c8WthjITZkBXce8AHgOLzTEXZJLFYkUsx81SkS8i3FBHrVdcQuw94LFTwfg23OM+2QosL/v3jyGg4RK3a7wtGjVpl2HzmNASTlj0JBhI0YJjBk3YdIUoWlz5rNw1y3kWwwHj6BUmXIViEhoqtBVY6jBVKtOPZYGbI2aNOPg4ulonY8LxRV5Va7eBjTVyD5tv6SL7Pk7fGbN0JFXyWtYewlZykB0y8pQSA2YakvdsnHGceHKjbuTPPzFk5fzbwDSThRLooHSfopfEANMvQyIglzyp/gLV+AwTPApo1exNTkycNMhIOVCyYOWD6MAdjRzOLg90JuPQUOGjRglMGbchElThKbNmc9C3/mewvaxHLuHTJVGg4nZE88LM74QAymnEZHCu+vB+GVABPkyDuFg4QVR4f8AEIIRFMMJkqIZluMFUZIVVdMN07Id10NKkBTNsAAizPGCKMmKqumGadmOG5I8yy54W4ig30qDt4rMHqhAvNa6PIbN8nkch8qHH2OJQuWcp/xN8lVcnD6uE8wc1nksj/wNR889WqVACitygDwokEOLDvi5u3KKT7WxB+feqDJkRgQIh6YKXTWGGky16tRjacDWqEkzDi6eDiot1MXtP1xM8goXvipaYDHcQrMuw7B3fa5eFwQH76QqiyIQEUJGDSzK1qa8U+YFaTGuEf8piHCUhALSMl2HjVIndF0BK6hEvCsLgKui+CmpxgkTvS29jbfhjt9DqK/pQpCsQWDrhWxk/KiB2yWdhYZrrkmq5HHpCfveqx79FwdMYh2UAyCkX3dF4Gxv8ZEMLQ3PBeX6td1Sx28dbdFMtnScAozzK2MjA3qe4GI8RgqiJCsshGAExXCCpGiG5XhBlGRF1XTDtGzH9ZASJEUzLIAIc7wgSrKiarphWrbj5t1l64gsZOTIU3Dod9WCpnmHA+7ownTr0atP/xgw4Rs0ZNiIUQJjxk2YNEVo2px5JFlIb0sDBRxMFYOsBJzK0a5D1WAW3R+C3PJ8uya1RTRLcoGJW6t4s99SAx6MXhpkKIQAqXK7j4Z9txqufCTWlOWis1OK1pD2cAqqqtptkcGrPHdvLkVRRIgJnhat2rTr0Dm6dLr16NWnfwxYS516DW6746577nvgoUce82r0zHOvxmuVRUuW/bZi1Zp1G9lk4uefuO0eMdDS7bdzLRH1KAgFLmXWiylbxTHOLz5bkSK3EtOlge3K8FqCrFnTtbXQQgitbzWVWoKt/HikYp3jSiTmZ3xrpQFYAiAm+9O97G49aAcQERERERERETFAmdmr5LKgD6xH9bp8EOith5XUowENit/YtmxdhfzZTwcdY9WafCjr8ZGCmA0RJpTxgvhFdplf1RVNN0zLdty8H3jg0g19C2CzO5wgBCMohhMkRTMsxwuiJCuqphumhWhRAUSYUKbpBjeFZTvS9Xx/16yxoTYLy15hTaXRGUwWm8Pl8QVCkVgilckVShUbZ2nA1ng09T4AzMcPDigBv+3mA/aUhT2rOnvKAvm4eFp6ki+WEf/GmnUbNm3ZtmO3Rae9V71PDnYATIw4CUCSpLhw5SaTV67d2BxOEMVwgqRohuV4QZRkRdV0w7RUyan7/SIAAKBh61swrXWx6jwYkx/oNZFFVoURxf9fqgz1oYPW6CcBfG56wg9tVOi4Uj5yBFGSFVXTDdPCZlEBRJhQpumIyhQqjcXmcHl8gVAklkhlcoVSpf6elaJBq9D00dXCwMTSgK1Rk2at2rTr0KlLtx58g0YJjFGhU5iaFnxT3wVzerERTR3FoBQHJAIl0jy2TLUqqGs1lJZAG3RAV+ntQF8Zcf7z4K2EaOEAMkguRRrA6KvHGa7NSPX2E6hs7ilLglfJVYV8ruTU0ky6bcALvMGndQqev1VQKRgqA0AAsiVMhuwDroUp+MJkPjhT6IMe/0sbQZL1vrfdp/pC2Vte2v86Q+36wKkpTCCGQIQJZbwgKqqmG6ZlO25e5cYtYLM7nCAEIyiGEyRFMyzHC6IkK6qmG6aFaFEBRJhQpukGN4VlO9L18j3ZDHesKkOeTgxLMeIksF7myjKqv59hkRFrE4AAFYQ7BQca4NGhRRY1+eScM877448x+2ejLvjir17BPr8IXpHF/r4O2Pkx82/MNduiobH0faxUwepqvCUg3iVVlOyY6nlBBA1IIbMEghVhzXF3Fiue4Dnuqm/Pmb7UCVbmTmPbTYQlNCHv6yR3qSnO1r7Wliv2OXgPHysIoiQrLIRgBMVwgqRohuV4QZRkRdV0w7Rsx/WQEiRFMyyACHO8IEqyomq6YVq243pTlp2qqk54fAEbmLdg0ZJlK1at3fxs8ji/mIxACoIiF/IUHPpCET4PqG423SaH7cRDJ/O3ADa7wwlCMIJiOEFSNMNyvCBKsqJqumFaHlVFBRBhQpmmG9wUlu1I1zu+nSkAAAAA1zonsIH/aoFAotAY7FBKzxLfoCHDRowSGDNuwqQpQtPmzFsYv9Bntjq6evoGhkbGLatM7mETpS1y1McLLEfDycYWGpLPTljEatWr2FZMWS9aMezXK3NzVUhc9claDQJXa+4gxq1ORdfR28Vg/eN2WltHLPe/5L1LT+/C81ZeeDZ/oIaLFR4bjq9CcmOCZ3edcjoHezOVPAltt1/9FmZp0ntGplJ2ySY5PXCCIKhKHtDJJ5g5BVGYIhTDwR+QdKZzz2YS4kDye8hpFg4unpYMn+2PaH4TEA4r5KmrI4fcYGVl9b+saB0Iuzfk9ZsEE8YpbqDpna9wsPFRVxAlWWEhBCMohhMkRTMsxwuiJCuqphumZTuuh5QgKZphAUSY4wVRkhVV0w3Tsh03766nuMT2ghe9lJd/+zjI/2OPgxcf6bh/3QDGfqg3EigMjSEQSWQLy3dUrdsGwIRYKKomdUOGjRidAAAAMBmvMtfuyqnsSXaE4l2jgXp4tEGSBCE+3nE+bCMmS2zRkkLJnEd9hwVUCQcAITS8U9hyBp9uvW+gmX4kOn3fk3GEpn5s5oorRyPvJh7IlWqNYzkaeJ8uXTwtOIalc4yv0Cn2p8eYBkGTSLSI3SJV4vDKaQy7nZRVFN5FfxlzIx8BeDxb/9YtmqDMl//Hn6klfX+/Aj7npvLWGKWcGvfeb9kII0yhS64XrXNJmnd6ug0YTil/jaVqadFOtgA9N8gFhaCRbrZykRY8iVvqpPNr0sCtTgvvCg3kZHnhX6fliPscYWMow2zvj23sym/5XpXGCvU5DgMnWIXZJr/fJCt2Mc1tRxMomPT5FEpYhXiWka4llMMdT3NQxVVX/6tNwIUzI9hSJR66k15Bxk3ex4e8hYjkF4cNphqqr9qneUp/FqvtLMPiqVl7gZChfUjnlPczb3ofadnQOJHoBTI3v/2am/Y+xGQ5dC2GabAO9Kitz6vZKGNV0FW/fQ72qC03N+JzeSSqsdB2teC1y0kq5QWe3nw1lthGNTfKvmBoxRYUe5WflTpMxo8hg8WAxtjV58hEfub8Ztp264VKkkYoU99Ajw4YXbEBdNygWhkzxc/zjbWiLkLbjbvb2HTA86zptNvsxhSj/b5N7256MC/LBiZPt0zzBJa0aine4cMJYCqPZTvOXVdZgjmzWCs5WJsB9inaqdjHFAUhwG4LNybZdGe3NTN5zngmp9e9vYcMuHqx2gF3+RUiKAER7jIb+pKVzsJD8J6ybUcSZd2mU576y3qpL3kMK3cf7uLXYJ5gl5nYdESX46WlNccuqbYTij4D/w75YhM7TDWPAZspbhdlUwJWlrTx5p2m81EStqyJAOBoxQefeQ1ECvlSoUDZi82j/HMy1PiHW0GSWglKNY3d45jzpFMqUt9EqZimndsr1kVEw4K1+cR7tI5WbNREo/p73vu7OvduJI/VpQNJS45QsjevzNT1Ticr9d0tEZ/RHAuz+cv2S77JhL9tbDwUe2MhpnLgWCZFRnubzEkCyVYrEN5+Z3Q2FEx6uGsTPUc+Y9jUg9Iza/GwTX0mPfrtJLVQyR25pnP+ZN/x5vH/8QfNu+rfUrG6wOpBiI+N5dn+aOseEXZu2OPFRyU7n8oxjDM42TfRxMjprDHXt3gRYkXbEHw20Yfz/ya10MdW0fQE/8Px5yKK+hLd4NtTiZU2KOa9P0lvNOyEqvshpMKCPYdHTHo5F1iFepvNMDhCUi3N+1TC/Wjc5LjNz4Y8zxBFqdhGyJ63vQbR5ale6eqIqj+r5couKX53toesCzJ7lYbCE/Sm0R5Rtg+WnTVUuJalsn394ezOoy9JfN9CUMS5KU+Hyn9ZvfWCKMf3AsHG85rddXRFmppvQL+K4qtkXrA0WDW91V+RUEDXiTDv26tqAaOLD8ed/2g67nynCRFA+UP5cwfwf+r78Mt1Dlr+F+700y/ZD4PjW9Z0/Cmbii/i4rfafutWuu7nP01QChjX5TESZ/d8L7l1Y7nrUX/JqUvF79rsXwI/RXjqFOyRgeD488PmHfrvVFBO4rXi8xwnD+33puL/S49b+j39G1D9qvae9c8/2GexlOWhbAO3Kf9byLlM40qK8NsLnuzfEh7rpNr2EQL1+n0ay5w5nGfvCdkhDmoN1IAxAsOMF+UpR+U77pm9kWUZbveiQShsG1/Wth1DwK43ts7wR3O7gb1CgPeivGmw3/FONw+9CEL0a2lr3zMszagxaFPetIAI9NMrdhjOda4EFCpfRU4Y+PoWIbBxk3ykNiQa9IbCkB+GyZT3XHFKwCx2ADOvy1n5O2020NUAqzVBQogwzrK0yT7Ku9QfJDT7uOVuklzdXKNVd699s0YeLGLdvWgF0uCdoqWvX0SZGxBlbWCUvaG7crqBhNyQF/KDMBQESZCGuABpxG+nmN993Uypm70IGT1BGjm/4eRtyZYrWOKSFHcGCfi0+Z/WtTu/netyaXvW78ryN+bGjm2CccFFNS2xFNOmNs262c2yNwppdNSGVruKNW384Ig2f4s2W7/1b2+7V0jbasuNf+JujryGXUKssu1p+1nj5preOO8s+P8P0pewZv3Ja95cy5tNXiustT1sbYrfPZJjZewzfslVxXEBm90BIiiGEyTtsy8QsdqvqzkInaaHHnmcJ3WvQV68vnOvrzDqhiGRhCQpFKRKZ1NbYw4ZQqDJtMjUaq+tZfPSRn8KBhpFwWhjJRovX7AZTPpYYy0N6zBi/TqOI44KdMrZ5KJirrvOAw/HTz3dVWTJBJ3M5IFfQDImNCaIgZJDPyXZBP3HEwr1+fdD9Yk8Vg9JOZ8kJpN3spAt2al+TrCMtAzptDywInXsSyOH0rQ/h8MVG146xaQr/ZwZyAIXepVNQdmqFsQ8GaAyL+uCjw0/9LcVnEXZJom1+07J9sFYWonsn5CHAnrVatPo27wY8VqWUNkI8qqfW4ioxrMWsTFN49n05lTNZoCzOUU+KpffFlBUixBbURwDW9USkS1tmWs9AxrbUBJtcyt3UFpVBYqoLrPtbf2ZorLY3wbYbe2fbA//9krEriigQ9LYtYjZzvbf9jdi7xFnHwY8u9atR31FAd2Vxn6EP/01kiAucxkGrnAdjBu4AVljwONgvAqi8vgBUeMSHuwmdXx5jtdgBIzPBDDzdES8dig/Uq3uxO126jAZ3Cd0stg62zyk8b5WwHyIJ/tPHpUPGEk/Z7A4X8aAia8YXE6uGoKIKR1SnzxUYUOjE9Du7oGJ72QgahjDqzpOqA7Ch2emm9f0TO+r1jfD1Khl5DfVcV5K8HvqMD8UO3sfsc3+xEUcIB/4EealhAUohYhAGQFAXeRAQ3zNtRPeUCMM6EE7y2EjgN6mPQvTjqUpCwR/kligGYuwxngPLEBPjA3oZZrDmGwBXdSueJvWTbbNgXMgq+apS2ZvvAeuQBrGBCzo4t4hbyNkWZcwYD2mlnFDwP1GAx4w/sDGQRjwkLYqLnE7xnKoEzIEPGk04ClDwNNGA54xIcCuwDnuOo8h4AUTAuxbEQYsFkgYkP8JXBGua6S4LsZN8f4tQMoAJxjEALwPpT8DDwM+xhDwqSkDnDd24A+jAl8YDfjSqMDXxgR8Y7yBy8YuKfYRTpLiEkfvxBGqpRnxZUWUEExZIyo6paYade0B6Yp2HtNfrui+Qq9e6TsuA7THUOeMdM9VPW7qcE/h0QPPnuXFhieqf7P9PhqaiuXzbrouQ3BsFrhEtHj+gcrLr5Ref6pHX/Dg85ChVv9S0dFXWY1tXE+9VAovR/YlhfYkp0gJfPg1RpKReFXZSraczANEtqHKBea0Ch1RdAnuanVJXaisaUBEM5Ku2RIXhRxgTFvNUsWSbLTKRZuctYupUwxditIT9XsP89XPABU/PtpQ+bZGJZIxhZjQIZPCmVIgYVTTCGtWeN9lbk40P0Wg18aK1ET1n4X+Rb9Dhox6aFnSuLamZh8hyJlvZcC3VPPzEm6n9JTxOKzDruVGlTz6R4hMKQ44Co7Ut4neuslsXxixZTwQGEsuR9UkJVG25FxpOiwfiSj8ciPH5UVG5XjFcisVyyeJ/G5HxJTXbVTlzV1GRQN22BGCEAgT/tghTBmrGFl8uSC2EJscOd/czCkYIRAYqIAlIkYtMRLy4RZxfrhnwkoHphI1Ux0prW6g0UTvjzDQ+yuNJ+QYjTDG+RibiDTj7BY5PCgUz3s47iSqFaHcORfcRcXukquDioHHyMOTcISnzsMzUd2w0FTR4yvJAZ846mRKMaKfRLUCkqk44E2A2dI0o6eZT/cyC4MSgReK8R8bojB/u8NYsk9CLNVGKfox17YalHiBpcDYHLzdZFS/oX1Of2HFDys6VvOLtApuOrXNL9U8InO8x6d1radXA6zml9gVG6M5jDhtyfut7UE1wTnaB5lef0Oh3JMuDcqC8SBTyy5eDb7v072RAucKj4fZH26sRuPirodjMSoSutNR0dDwxdcchUczOJJp7w9zn5EZRdY+mNF2t2zdTSPzLvtIZkuyHipCQTz3NaGB4qDRGYUxmsLDJFw9JKxNXXMr6k4POHvRip72xD/aDTN+b7jvWwwgy0vIvJPZDzE0PEyETTXEFHM9nLqjKo8PuMFx6bjIs1fliVvL/tTA0GliB08Je+gP4xx34+liTxZUBO46HtbTvBt/5OFwPtyn5X7r04MbvN9pjjTI21efEYq48YxVvB2Z09pmTcLf4rQ8Lh5l3N3O8nw3Hizm604Xr5w5JU3GCocwNQQRRsX+pC5utewJW91MmKP7KxJHNVWys6K9HNJ5LTr6hhe1fzc4v8XFALzUDc3Izng7s9Sss+8tPC61aR6uw8YPTE15IomgPJFUINJiyhfBjsZMBL9Rmd+ojGtnlmY4swszrphxDRWXKrP7GrO51nhm/LvYrSCzW7u/HOXwJzZUrFdWyd0QDS08mJCuwc4pC1EvPODV2UdvSN/5HRBOwAtZQVYdUihDIgnhEb8pS7M2Vbt6+4kv1TR1DMBT61hmkn29vb6j8QwZMf4JJK8/RGZ50yFzPc2HW+7YaZmM0Y0zcY7v7Znkrxn5GkKocRykuFCfI1M/b1I23AoiZAyzFQ6yMwKT2ebaLAwX6woanYS+iN6bDoejwfvZQa1tANoauQt+k8Ozv6me/YV53m9aZjM13kYJ7vtzXiRvX9+1vag3j7gwPNub/zkyOE44JG5tOLbkcInC3I0W5GwO0a/zf+8ZEY1zZxQhmOV+R3QKTgIlQG5iYIpd6FSmNe3VgsIwGEMCcEAr8dpYp4UNUYPWk9515RVcIv2PJgEoTvjilAHSyFiGgVsC5ldesFz5IfNyGQNGjBhBYsUKxiIXoFyOt1ogRENhisHChtWkWbFWbfA6DCoxsk5ojOHC1zZ+ApkLkmGPbLmw8smcdgTVNcPoYjF0geg1BGXUqEJjxhSZtinftjblDrhHOS0xwXkRvlD5Qe2Ezg/rJKzD0YvmtOlHZ9oNoD8dhjKZLiOAp4fEX/NQI/9ZMVrgfDRO2Ky6iDNrXioEFSWGiXhw5lConFSrcc4VbNNMajHHLRZzPRaw0IKoRRaBllqCWeY90nIr8loNCV2R45RynXHwlJRgy8pwYYiPIkLfffPej3nBZb+5cfQcwOyn/zWztbXz9PXzDQ0LjEGFUGgZHF6OxlTgcFVUarVvjLb4xWmbf/x2+K9oJxgcCUVHUSiJWt2OWXvcyVRAPzq/QUOZ/IaMAP6NkLH+jVKx/QnU87uLRgm4b4wXdN96C/cu+UjWfedL+fe970XeORtl3nlbZd8F28HvL7ug7qJDiu+yKlV31SToF0UPa1d76z1Rd1uNKsR+05u+ktqcIlZK21f28rVnpbe99qb5VdDed1WKVYQZYC9CCkIaQj3gEoRshGY/0FF1321+J4Y+GAaR4YehYYDW9IdXJiDdbZv9G5j6HmAqCBtINQ5kANjYfdQcG69VPr4eMiS6vioun4sxsR76hNzDcT/+OufpcL1qBMWnVlLAqLkqfn3C3TTexieCxNmpMxiRqQ2rOMuHNcJGfM1cW2Y5ORZU5JR3dnusnHBiR5IDG9kOamAdwiA6tMF02IPndI5+Z4QXD58cs++HOz+hIiM2atc+gC9iL0ZYCLmwd+6Lu9MB1wdTxowcPZhjif3OBWy67DZUtWDjWa1GEHy66XjvhCPuphCkTGcc9q874+IVH5Yvvjst9ZmnvXq3CaBfYcK07B8YpWT1brZ2LBfvIpQOhwy6s4y6hSYDymlFt8OHwBFibm7xQX7cVfX6OvEsXQZjvxXzBjsZs4dtHHSLJxU1EtaiQvyfS+CAOBwwdzu2PO645ibHk2sOCyCOc52Kg49pSCG+M0bHs45rfNm6Lq+C8t+jXc6EkXBcPlTjIaHE4dpeJI5ncuTNcQqDjneL1+KEgMKgR3vamEmWK8ZUEiCRSIfopexI1ZxFTk3ZbH/Te2Wnmw5xfJLP8IezzI2XReKGkJG+oFDXQi2MVDUYa/fWsHkhuu1oOp0IvJ9f21tLlOxWSz3dnqmbERIqEBvU4rK2vYRj24efHm8VybXpIStFqVDiIRm1KVAiG5ExELAyiEnFqqSJ8oJk04dnBlBSobLDgFRQ3ItQFwMrgi4jinZW+EwW2OJxWKf6jy6MaDKXZrWgt5OvLfjKnbB1bez7RRUw8sW2A7Xzv1OZl2I1CCkXHBjIfcqDaJT1yBfbN82dNVG+7nOlnpnckeExu5CWq09IezvNcvnZFGwwMzN9eV39GBOOC0045Va40xQk0h59E9J/+r4WI8Vj+iInovaqMYFPS7qhoTcv54VSr4zV9yoDOlftYDpzeNhtU9H9QB99d+mVfI8G/dH3Dre4m5cglhIXFNne8+GHSKWlT+2i9jtK9YlZauRVaE0RR/edreKX66qTuMjoEIRC/xmU3ahtg3Ur1l+zlnwTTOic9pE8IMe9pZsdElOVVQ8QdFtV15QFSDTaDdnzkxeXfmLO2eK2WUlNS2u2w7MdBQ/XANygvlJu2JLNiw4tb3dCx4UVAtD7HeboB2mDfXckSOXsjLwdn4qc+jRzPH3NZKWoH1YFlPohhRTNuD/BMdGMHosvPIzGFgBXcPWthD1dTn2+scD8QV7nqjta1Q8GqAj0ePvpTSLpCnQeNpg7VObkWawU0wDI6IjlhQwokjM4h7fzXj7Ex/kM/8GXV53lIWJ6A98IRHpDPK0BGAMpnuuXWzApXWRi0+azyZLxFb2oEHESx8tFo6gQzIi1/p5eCxs1N1cu30odIl2l+mGq7KDFhdi1SgPuSn2LsJymnOH2XL5ZWDiZyBvcdmwENQV3pZvj5kxOHL3/cMrd9/ZBvwiErIifAHMdrwkbmebuvnlbDCjcErxgDegZibv8oNl+FezZNm1giPMPnLvTFkirsiVHncBOiDZZBJ/Y2rRgnj56pw441VugZ1Nd6Ix+zPfRk+nxmFzwyFVyZmNh4WruyKWHqXd1u78yF7Zif7SBySYq3dVUJkczl15HZ5HWXeraIEugu25aMsmdad3Q9nn6ebR/Bo118Ol+n+bHE5WQ0ZQnOz3hXgV1V9ANxW8LeRWaNpYEmBDSszCjK9on+XN+rXxKfbArWj6rzZvkTuxFw5olhQqW4H7qBllFN9g8uq1Zg3ioQsMxmG5B38q8wcdJKVaue5/Nu1485cX78oQW5xohntYkpFSkbMKBqgvtcJcHUziPIgUpqpfcBHGhxJ972BFqa/x0e7k2/FzkkC9QfOfqXIcbKfNynmip2VCF9vBSDUNSYb5NqsVFJTXMUbWxTdiTUoSufA4N7DucM+nl20yy3I0vjMvtENR8oPOJ0KLQHRFxdG6Y4KOfQ1wcJuE659CHVsRxO0qikJt7gGakxRQ+lbdAyDsnZJlM5K2xY2so5Xn04bX0QbpNtGcSd0256xxschi96Z8Bl6jkJQg6CKbem+3zXgVwu+nouH5LcSMWXUK6lCsXSbLes3beKNC/EjwcPOorcLut6ejMc+kTQ4QuCLgRWzqacfbzxkRgJ+FmYRC3RCE4T3g30aIlWKEY0Ehnk//Zb2BTNOB229FXYsRowslJLAG+3ol8lsneJl3wdjFhvQhkz0e4OinoFkL8fOUnMdgiVT/KQ94OkfpPgoZp9MLzdgp0kYGjf213HnDrH4HbrUcfWtws1ozcNjHPFUzkrrfEncaey9jjCNLMsfgcF0m+l4N670DesCH2XzgslI3VkrQEmVX5OhXm3j6dfn2abtwFmE16QypX4q0Tb5E7pwjipsp7izhbqbmmMAhjhupn02+y9zzKW2PiKG8ehJDuKTwxKXOKZ589/nTvm+siqRwDrLOnIzlj5s8iJsJekKp1selOFPabBo96tCmUixIZxyqxqbveG251kVA6bweEJmhnlISKJracuI3baPQ2ZGJP2LVX5bgtYtIuIu9HoNonmMxBTJzXnApm9lgwSILV7G4AOnc9pL5iTC+vQvAVGNlG2HgRdMRZ3PxWxE//Efdpkx73yL6ASgjkXShj47CIhesz0P6Gt39Wq3vA8cSy9Am/B7w5oy/LkeUTxGgQL+PX4Wcj+FuoXwf0UG88e8tE3n8G8SeML4UDeduQ19BBQX0zhd44tqlkgQZos67kW7n106FdUEOcgHkhuLJjqy6G4POugi4rHF4dsqnjWBpMIHuuNtahsUvPwHlJzOjxr7vfbCp7iGyhAB1V/eLLfI6bwqISvcHek3HeQzBPCxkH0KEylN3MAG5EBdx6EttuaYAZ95QkBHtkGXzRY4+b/Fn3+LmbywZtj2WL7JA4iHBbnG6SDHm2rGFtm215mNd7n8PTOPmrxIdOIkViZv86mY2ZySS4EasJ/1fJAYYpfS6/gyZqoYV6nKnrlpTejZu3MFRo0GGAESaY4QILV+7sPHjy4uDNhy8nP/4C/E/+4PK3Dqe+20m1zQt0eMkS8jDvwMjykC6B0qEVGs4dBrXtaEb/+dguemC7Cthuqm13ndoeemIf0DPbU697vPRmY91Jn761zvryA7PCk59KFDQfHO2tFd60PAWnCIzp2TP3EzZaCvuiHm2sP4Lo14R2iGg7UaZRKV2tTkjcRbaZOMI2F/e/Vwtxwqcww8RpJDhh9ngE7PepZoo4V9mAJ2jPgjLKqqDifGYskGAZQo5cyTvS5mwJ/Ct1aFtMgnbFZGhfTIEOxVToWEyDTsV06FzMAF2KGaFrMRN0G2wGdCMJMa/JGKxs7Dw5+HDyFyhYqHCRdu0Cw2yYIHqXkaUZMxrr5rC7k4MW/8gRWhoErQwG2TYH9O9kZBoZr2oTPVwdm1arfi+tULAGbB43z16CLKGW6iAikZw41LiMdFEKj/KE2PDSCTwya4UUWII/hAKcNP0QS1CuZnGO50r9XSnte/LgSeEp8VOP01+vOU8GTsT9+PAm/P1XLw6uoHLNW4TFfuQnmaSs0z/33cHv3nJ7+TvhKf6Jx1KWH5bfld8lWwaVIXBFvVNIvIAABBWMsq3dGjPMNMtsc8w1z3wLLPTMcy+89Mprb7zlHe/5wEc+8ZkvlPCVb3znBz/5RSmIiBEnQRLJpJAq7Qn01ZsAEIIRlMvjv4Jvif6qSaQyuUKpUmu0Or3BaDKzfRVLpDK5QqlSawR60RVUkWjoojBEi8EUK06KLIVDZoHhwrPrabHFxSq+hNglllRy0jr1+ruCxLXi4hMSk5s1fwFHtH9aWD7jACAEIyiX56MaAASBIVAYHIFEoWnpHfdIHs1jaZvH0y6DbvJNuZzLvakYwjAwgPvkIxx2mQE3POUbj6BEJSUporNddWKqaS1qd4e1qdv58tXrQoc07PNOaTT+E6DZBE24FpM0STpO5mTqNKIR6by+i9FlQzZE9yVvhB5L3Wi9F2n57583cfpu1cIM2rpNN2yzFuH/Ld9yeUdJ9mTkgR2YyQd/yKacqsMw95ommIXXPC1YfK3SiqXXJm1Ydm/fGMvvvRtn5X14462+T26iNTiAoIK4lfoWWm2j7fY44Jgzit1031Nv+QxHl/ZQ4w6ZjQjlWrN9QcJQpRBRENhqohC1K7TSaLNBSkAoMDsjluy48hYiQrSNZr+qH3wKuCLlaJjYeDpXgV0mMGfYnuHfCtyIcv59bm+j1cnGyakmnG7KmWacbc65FuvOt5z2drQVXGz99eI2c/dTbAHtsu0324WdsrO293Ta7mjX7HnddfuIn9ULB1wANx1yyxG3HXPHyYO7TscxLe2KM+47/x8/cAE975y+uSj7C/RORj6BvrvEERqczgX1w2VAZHQ28g310xVQbHI+cob75SokMbuYC+23a7DU4nLkF+2P64jMKnQuvL9uoHI7CHMR/XOTq7CLOPLP779bPKU9YctiIr60y0WKSjfXwlKYZvYz1/TCDTeHha04nWjmnkZYeJTEz2PmGTdr5hUv24WjNE43Ia853Nw3yFyAOa85h71+NfvottbRqrQ+uaNzvKxWq+6yld4f7oXbY+vGOMen2mrTnx787P+6s4Xd9FDjsCYXd919lf3ZEoeX1GT2way3YeYO5ncYCPWz1pP2bVjjW9qEpre4jW1rX4VdbqC+wngCH34isOSQKoRHVqVz6uKiB4N7b0HO8SOUR3QGZfV94QAgBCMol8cXCEViidRo6uFXIAgMwbFdoS8pduSJfg3xhrwP/BtXhYrUh8nxiqAf5yvZ0jCyFcjI1t4lv8Jc25DCdkllhWKsSBo7KIkdlmDHROz4+c00rmVYgXLnvyNDyj5EygFRCvDduWPaqF6eFuRVkXqLf/LHJJ+7xs9u8a+iy+8FUAAEG2ywww4HHHCmShpnShGoEkGjKJpF04pJvzyGCZn2pU7sJ878xGXgRlv9IYz/i7aDo7JcE2iajkkz4VZDKtWBlPpQvYHUbQiNm0O/Cmo3ofZy8f35gWTlf36qeqoROkkACCW8JxA7+CHhZGQrW/ZOltKa1led2aa5i/lBQSv1vVPa8lLLaF1ZbWxzeW3Z2lcB/1/csjpZToKTH0WK0l1xdqy9YKYDrzrssc9jljwp9u0WrnoZK5oj9/N99qvDDzXxn/3jridOclCChC3VDXtYVAUUi1ntP8xnzxlC2ohwUXfLQ2Pi9/oVE2QIbDmu9V8C8qP50yRSvB4p7ND9FnuLkyJdI8201dWf+hkmzzhTzDTf0t3kcNfd9ZgPLg89eXxVr5DTLuahhu/AE4aDFww3HHY0l8KQU8CicqnLYC+VNe1hjD1D+Y0p95ltj6DYw7nWB+HYQ7jb47jZuSR7ILv9P4M9mKlnFG1MHUvFzmOzJxI6h2Nj1PpjJoMMI5JldVXSnhwqzLCpzm1UIzUOq3YgwQgrT07B6g3rhrqgrj1a/eZwDR5aJu/p4C9UtKwBaGmP0aLZTzNeo6nR/F49lPX+de+sp7/1M0SOMSbJN9diK6231S5FFtR19vjo+fjdZ5in70cb9lUBGiRVpK6barP8M38BNswPB0SUbqZAcJ7sqY39lVwKLOx8BAoXq6LpD00WZZomydnU0s+UceUzruKbrSxjLR1miVaoYjnL/qxFoEhlVZaomnQNZGrhn47mrOQ5qUDFDnCWC3aqDHfRNEe4zHlOcIkznOP0IQrfHt1IO24SUoWpQI961TW2ljtvxr0ScpQxs6iXPhgzW24GKp9M5zIH4XBfr/L15ym/3nfh6TCM/QNyFNZPnHwz5nLM98PvbC1zZc4crPyupTwgUFWaBrJk66y3PobIM8E0sy203FqbFSh0yAnnXHZTln8li8fV49px/SI16cfZi2I2K6E5NZfuunytv9EBdeo3sjXqT2RkYCgQwS0Jw0EGwQAKtGHZk4kfmXrMoEXloT2avVsU1br3WTMi8Hw+SdPpy3nVMUlZaCi0/+tGiUpZ1damXpyD0GRGnUnvTcoIm23Cym415lMVkwHlH01MC2JVbdkTnrmct+MwJtVLHK3iNSD+L6OKKC9eNXVkaKG9rnr714D1fzGVE5UzVGtJqNeEORezxmI9W5hRqQ1oIEaGKeMseDH0Ga0MyqkwuWL0ekKKuUopg1Y+ykvJ5XJSvXPyC/VMwOJ6P1tHO8bZLWcmadNtZWpXw3114LAVpug639FcBDv0n9v/F+P9NPXylIcFhnnJqAS6eKURY6zsNaGIRa26xm+tAEtaDXPWewU0fNNIlla/rHun52zz9r7fUm5l73K3s1/uTEpTiosdodX/9zKAgvhJvoOq7z1R/YFAzQ6p0fcRdjzIBmoXptpFv6AwSiu5Otch02xGmS2Z+u5GDc1uWhPUnTonMccbryn5cJoQ/PCfxhmucoub0LjW6cadd88t+3tXkPRqups8l5mlCShEh8KQ3ZjR6a28PnkKrQSErxda9MRHBL03d9hKCqZMXFupbpT/XI53TN5z1NrIYPp0VBk17cIxd/Ibh5Cl7T6YZNgyVuTQ4+SpQCMd5A8LPZsJCoaoyqz0a5Nj3GUzGc7foCaN+EYlF0USUZUnvVN3ZDS2SlADbnBJZB+29U29OcVq7o1xVqYDDlYdgcOrR/OqZmUN4thU+dAIxnE1ghMnNXxo3KN70/r+1tps6UlqDoR70EIcMbQ7W3uQHC6dkhdt19MhmdUtq5ntKLM1M84jIxhJtwycRPpmxhMeOBbosAMF4JlBKjHEHKOCbiv3koUdeqN3H9DsPe9du4ra1OzDbpcFc7B5YgVUdQaQBEPkLAEQIHGBS7fGI/MYdi/1TuzzlJ5eDfdMUBntiUN6xigu136e61ABTeEEi6rHiJDES8T6v8x/3tabuNxziSpVHS6NpFCrJBBCVFnWe3U+NT79Qhp4fjHxqYVcWoc5W7mSUGnLkgO143W2mpRKyYOMldh5+IaeiZF2usino79guBIqxatOX+VM1q9fBG0MWkWdq8zOzuXxaCvqfAw7qz/PTE02yscYdK5TB0s3FKrWru4ZpX6Pxo3N4hGP4TNIP0PBXWVa+Lch+K6HLGdjZEC31F9yYUKSVLVlamO08Rah/aVjjPGHQIEVGkauQhVocws74DiKBry2qmI9IeEUDE8qULhU17lhRD7oiGPnm+33Kum04mvHwUDc2SKAdoah+AQ8EwilBqaoxi/C0i7xBsgxwUyLrbVdkROK3fbUe7aSJXtUSKy1C2JRc1DUHEsXqo0nOKCYjcFJ9FRfBDTxTQnankkyoRFk8m8axoHjV+cEIRhBMZwgKZphOV4QJVlRNd0wLUSLCiDChDJNN7gpLNuRrudjRE04u5n9JJJldXkULfjTER7cN2udCiuT+hj7KJjt/7VVlj0rJOaAsAmhGE6QFM2wHC+Ikqyomm6Ylu24HpoESdEMCyDCHC+Ikqyomm6Ylu35OK5vfhK65GOnOfvXH/f48lom10YDUd15YVUFNUJeNzLKmimTO4jT0SUDGDoCcWB7QdlnDkZBIEU1DfbEZP/0JWBDmarBTrn0f5S7AxTVYIF9Tk4TJmhE5AH0hlWo83bydF+bocfSqJCWBdM8XVrvI5hafarsusBhSVtOmY1BvehTGQvGk2XeOUNFlZHUoH7J5qFyvfe4VY1xyaPqmEV/wxjALNHq6CrHQrsUexkgOWQr7wbyNxwyhNDTlG4G0ON9GQi4ZLLeL2DY6+eLzn2It8a181K5Jf8Kl8afzLvylXgVbn6n4CsHL3O+grk770QCQPvPKFm4iQVRlndBgkrYaluUde/ALOPMcQBjDrkOReZMCf0ZTr9CG4li83Z9iKC7cNJbaYFt9xtIVESp+7TSIuu5DyPTfEoViWJLHul2FBqA1FxRbOmjnEalTKT6iGLLHs1Ao2ikNBBFVjyZIb+jE0OKYBGsyu+N5EjoFWchb6HLtQ/u4E/QCT4hJ/QQDvGE1UXwCchzIuRJAL1GI9YjELgnA5P9mz24ll25S1PHSQeiPETEsnXdLKl7FcGAwbUcrENfqGh+nxbKg60J1qVgxzevR619wuilpU3LHjRlDsK5bu3Wvf7p2KW5Nrfm3k42j+NzfA/6BBzs8T+Y44fg2uJu1m1su8savTDgz80Ec5Gjmk070o62Y822HW927Y9m35zaifZnc2iOEFwCnd1ebFNf9jyd2caUi7ucfHTHdn97r9PedjWNYzDcQpQFKd5jdNNCytgwCqhNBsONBjNdN3URrB1F2q+LyPDviNwBZrmuVGE3IfL5kCcv4bRvuDjPC7IJH21jR37Z44JY7OhRma2vLDJs0mhUjWVj9ExX7d+eyf74At79mIcMt8o29MJczmEbzuE9IUOduOFObjAjHkj8p3qyc3HaB+fvXD7lmDRJnL/THoJBGUqdvPDSG0Fms5ydApkZkxIyZhddmrU+q+AMHbCcelEtFA8ojLg5lmHLw3FqRELKiqh6/A5ETlhnWmTKlCFjZNwVOJ8qmSNjLvJfop71f8ncR+1od/tqdm5i0jxRmmmvpz6GGWOa+VbabI8jzrnuoddKJL4TQDjPoiZqrPMAFIUuVMPxdL4c86YkU9d3dDSk49jhaEitH0nSzMwMAABJ0ujcWTabysUsjOaKvzHE8Hx6efv0r3GwcJlFHW2d+zEytBYSCG1QkiRJAACAs73zzx+Ll8JpGooIsPMrBPhP2kfom/z/rUttpTZt1wdEpaQXVkcm55bXb9gKci81VFzbbqRcauuRpbYem15Y3V4zBhCZXLnRoUBbqFA4ccYIEpWvtJvIlupKaTsBmu3NnjGJTRzjEVzIiU5SMiNKWaCBB5vy0MOOPcFASeZh9p+MxfnpPfNn+5yfd0NKbVy5za24CU0vqriSyyznuV/0YS/7nu4kK8X797nv3Of9/oGplfXD68nl3fP7bxWPeW/q0OK12x3TvKzbPuaybvvY6QtXby8al6JYs27zjj1sYLdUVapc4zouUalq/ZbdXbF203b7YpI9lw8Qqq0wAkuis/loCMFQqFyprUgiU6jUN28nvamB/PL6dsPi0vLK6tr62DAkKqE3t9ls3V78W6mPaEh9fs4550iSNDMzAwBAkpT6cpxbRMNGO+UW0VBEkqSZmRkAAJKkIu9+AAAAAAAAAAAAVVVVVVVVVVVVyAUAgLCIhiKSJM3MzAAAkCQVSZKktIiGIpIkzczMiiRJkqSrc/T5e4L9Vo6G0X2uzjnnSJI0MzMDAECSlMpGSkNpnOHuaQYEdSs6a/zKbtUiyQAFZjjFSsEBjFZ9jUx3CruniuudAxPLAhRtGY6qw7pzKwJLeOHpPKhgrpM0UQ0hr7IuzcO5/QGJXEQo20KkNOR8581ZT+fYyDeE0MKlwMIhUGSkUDYK8i5CmrppCz1l+DhxqvE5dk71rD/05ylvIMGIh16y+djINkLiKdsU55YVr8YB1OsPrueb34L1nSZbzgp5OYI30u+Vf6jTH5btst7rbTh8Kk1X9f7QS3TJsVFTU4OxTzO5j5DTy3ltR3CosPA8LX5Ri53weMrcww49aTQKnHzDCT2JRfM046TRhmVzVRM3bZGLPvhDONeT+Kp+SI75ClzwUdZy1bmwU5jqYEJLayazXHFmt2UET+EcHfSUz0CVXW3tEqR3jinXUSu5o8p5z55d7VLi8189Ii+E7CNl7w2XB8QtoV2axneK1PEm2UxNbsOQo+uQ2bGHNAwHYYj5ngkNuJFBOw6uaGTSOoMdOqugm0nVt0VObIKRsmBddEs167fAtTlsPzOVpP6cJXYptpypshyGBYuMO8u1piPloz4OidkxlpONHPTuVpkBY8qJPhv0RIspm3vhvmszQuFQJ5bC+RdiWmdrAbE7JuBaZtTM9rEHdKca8GYkRZ5ud66u6jz86Kjyt6dFb8NGrzQ7eZ6jpOCol9erpM2ORSA+D3N/SDGNIzSMG3zIsczNYIu7cFfGUB9gRrl33zT/LK3CpKok2e0wx6uL3e7pSzqO/N5ddfNUt98yXX//DrjXWP/UMvu22pbbv+rSSqv1RfuBNerZ/9hP9JX37/RN+kvO4BEQkVSiaECQyBQag8lic7g8vkgilckzPwqm1z6shakMbbeoT9feVq/j6c6HuXoiYtUGPaFQQUGZeqK+GpvlQDE8G4c3Wbv/643RPGtVB7bbEN+e9H1hfViJui1tqR4900pTSy3DrDJbZ0FZbbS4zZ2yvEvjJcjY+fCbiQD47RAsfLtQUGYtUuRssGTOVg7ZTjiiZf7uG14y+8wtnm27v/vf/b/3L544eFBNMA+rK93jWkJ40vFQguquyLMuRPWixw142dMGvepZw16nSSC4j6WHy18IIOaQHlr12kLl3ttO8/61g8F9sJvFRfiJw8U44cQl8+I3R50SMjXOC5smV1GnxQ30UXmMPccFSZpWz/GmzVvZ0yWcaLpFipwiUaKmWLz4wcHADB4WbghISFOBhjZEdIwhaee4i7q47rJBobtiRPyuGgfcDVOwu7nGMz7Whs/iGiad1XEmn81xp57ttcww+2tb2ZyvfRVzvY5Vzf069+UKZ3bfbME82HdbNA/3w0Kmb39uwoxu46aPYDsWMWMzzXTAwIEHDh5y0IiRh4wefdhSy9+33d/q/dSBw8EkI09DPA2TjFQABIiWIrkFIICdOJh4HBiS0wEB7MLBxYWnNxFIrggQwG4cQLIToq4IYA8OINkIJhspCwHsxQEkleBSyW7FEwHswwEk3Sek+0hjI6L9puETpOmwNOosOmCcuRETDXzT6cHhuficeJx5LOih4TwC3iYeMOdM9PBwb5KQJh4DFBjpkeFMshyamM/mm+nRHXFwfpnUcAM9NhyImJVgKdXTRI8P65DExfjKVKbRPDEq3pKFxCYlFW+mJ4eLKXKITWjKafmzdApD5Qpr+ywe6+zslI3Z5HK22JP6flWLQ1ZeI9oonZl1WKej2fXXKDIIRplBM5hGszFoDBnjxoQxZQiNpcxmdtZlZ312JLIjmR3p7MhkQzYbctmQz4ZCNg5lQzEbKtlQy4Z6drZlZ3tttHZ8SKRphz+NQZYabCjU7luE3bo+03MJS+B1w+or5jjPD4cPBpJqLg4Q5BemP7LTd9Gb56Yo+Vy1Cu5Y21XLBqO0Fqf/cRoXnzIH/la+z3hjyNECa691obM1O0lfaoyr0LnPaU/NC2c0jK1C56HyYYU390OOyfnimU0G39m3CrJ1wQtu4RvfBPzN7qILXjjhaeKq+rCk1ziheMKhgmLuvIWttiqcsL6gkLsmLJ+Qn5gr9DTBbn87z6TyMDTBHlHorbd+za4YUBh7IRtTbWbKnJpgXxA7URrGjxKpCfaHKQQKFN3pgzo4QJP45v4Ce8rJ176PeP+ynQbnt1Olpev7FKiKK6gw8l9q6/Z8iNdjdJY72x2VWWab/RInD8vC7nq+echtsx1CIKGaVkcz4iYbCBir9InqC3gyp7o1HcPROWvWrSMguhLRJBkiGzAONR3MQTLjsAgIlY/IlmcpTAop/igrj2pCvop+qnyuol5+udXRxrs0kvRg2PpXxxyKgUsB1RrUmHgr0KWcjWPw7n01gzxyBY0R+3JLFL470LszQ0je9XAeyaBkf6uLFJCmeVvFsVTDUGfLO1HRMd+Zyel4+C4NcLtPScFNNwCcyTbc9qn5BYVFxSWlZeUVld+ziVujA7fKKbHt2rZO3XrKGER9WF92JXhmj3+yfzVu0rRZ8xYtW7Vug455MpO5LGRJ/u1bociqrMm6bJCNskk2yy6yBYPF4QlEmE6rgXTCLY0pse1a7abTdJueMgyibtj05X8bEOpd0hHPoehlcK1Uo7WTHPVKtD3HqES1ngq/CwPvkwLX50Ypo1dY/u5lvgHAVsxaHxY1gk3NCXkxvh2VBqMMVZu7LlT/Eqm/uhpdAXV+woEuD90Z57ltwmC5gkni4KTq67UIa1/5Ii5ZysWcjR2fXGVZ5QZ7UX09z1DjrBZpczrU2j3hkL6OZ6h91oK6+62pl4cLoSzxGdeuh+JXQ/kES1hYDwiDm7C+agk3YXO1Em7pxGDP0u7KX8eVNI/5N3UlYNAvqcpBWrOT888Fy5DnVhlzx38ldo1jlDLXdJSy9/YeyvUaeqxPMV4LrscQfmhVtRa0bYjf99CQC5XJ3z2D7PB9J6zsNT4T9egs+v4S5NLvtEBu+R4L/ifZyltYzvRHcbnVHZB50N2oedQ76vNTH19+mYGl1GPEYcC85GGKt5ZTuU/CLGaxMpkDYvhJ6icNfjy86HwyFAs5G+nCPfr0yD6bmBF/FFmDO0rsIh01o+Jfj5nN4tPc4R3+tA904rthfe7L0V1sdBz9sWb8Bh3WnG/IbdJ7fMZpacVP2tZhttyWxcn9N/rGpkf79K0qx5gU3DtPC/55Dmz7HH6ra8xq0fvs0qQK/q8m4GxWEz3cVWVIB63ThsX36M9UBX6WHHcOOdFHejGh6DGSiTeHLMeiEunKeZlnaRr/dsBpEcrjiPvNvvVIHstnv9WtgtM8753AJR0MpEkxmB5PxTSM6MeFpmh3l7+3VqIsmN82fuOWyg30vKIit43fmCGyS68fWSixgpKADG1w4IPPn4/riuYbaEgcwBB36aWXWPR/sBTgkl/Xb4Ii/v/ffHbdfxM8ny5uVAsgI+wGdSMDxqjEbeHyNZ750xtN914O/V+rhO12oI4BSHQ0JNhMdKkBPbAughixsvAVKZckX+N5pb7WE5NZ7phAwQjCUNElUJFkbhXWLlm0ZNWSQ0tODE4ZmZ6xoKzVv73U2jlcr7BPeV75iAx/YjStTCGS9RznHJclpoOcSKVm5Srt0X4d1hndk1zrtFsHlSOCSKKqRt3qVb8m9E3f9cPEzVluwRZs2B67aQojHPHEW2/f4288zhO9K0zjSVyNH4lJQlZmVdZmQ3KzLbtyNpcKUFL1qx4XUe5W69leaVUf7KV2x78cz92ifKIHKZKVa8+4/DsfXrECGfwoHVCoosRUslIkVqYqVatvOppFbuhWvtv9Pf6pM35zHTNvNsII+MH8drNlwIiIKU62fFJJUhRYvm6CAQYaJOo975pSvyyCMuZA7MRFrEHg9JYLRgwgIIIGDvgYwwo2CKAyD/AZWUYyhgmEEs3RCQBGYs9onHD3tW+RWU7hRVSlGNNR45qBZHBBVesTOu3V+B3Qz4mctGQkK5vSlzWeinOBAq8Ts67NfKMfrYMiiKHYh005UqpQFNUdQv+698C3urXv8YDnugfqL5eU+/ydnG9yz4JpOOqV3FrjTf2ZzU9DjQjkQc6rXva87ax/o4AnenB6gL62S3N3ySkJJR5sS2pjmW4a2weRT4z/S20iYQ5VPNEbWrJ93jDndOqQyN78mPlG60RpdI7MdfuB1QF3z8O/DCZ0iB/3IazOzSmZ8Gh/AroddF1gAxEXwi2MQ+g+OZaAnnJHghvJgI0rTfZA8XIbYzJ9OYZ17x/frjnt9SXFKEpO1mN0S7Row/pYQuyR6lEfxbHFh919XNmqT7mZI1Eo2fH1nbgJJn4CE/884Fc27oEVP7T3P4CVNW/mA8CUbZ+TPltB1LHwCH7ioG09y5D1vqEKMYY3MxSvjNbeQzzsMPUJnP/l4GYARhPdhcqGzFxz9OEngMkxBgZjab7pzE8ln4Rwwc7629hn5W5rTk7N/q8hZm57sMwoLX4lRxc/QMWLrpXTp/25YUecfbw9e34Q+zT77IDudfHg1AOGf/JBCws315j2517qk+P3D3xYuTblxy6vEnQ/vQVxzsvm8Q9ZnoyEJywFCWkwILIJM33lQ+MYb9veP/dVOR9UTofQJ23vW1mX0KDT0rTY/5Z/Kzlz/8i5XH9rcjY1SQ4+gRnsq1xOjgT/f+V5K3556gPp+/ySm0nppZIaEa+/IKolQoEAh4okdbXVTnsdnHDSKUduUmzkE/8ExDc+2xCv9AYXfAgZnJEJ7Sb6WjHmYRnmZj37NbFJTW5CB0osqfjH3FujwE3czDWuSjNHjo+ZxEmamKl5LILOwCwY6RsTc6Ve8eo3SIMGa9gQWaVeaQN1bIpO5ehcri5N1bVpJjXZ5KaY0lRTC7WkeVYV5XRLnCnZ2VY6V6rzxd20siPHjkSJnX5PZ4dHo2NBdD124R2JkftzxPs56gNtFwCq7J2cclCG/qCwthjzcimYuMOKc6PojMrOOlqIqkI1l6ClxK+/eH1laCpPc9e0lK+1Aoyue9ZJ/G76TzafXH552LGB92pR0m5Rfe6Zt0OGOsVq5fdb1suvHgbckzfemGfVxBEV7opj0XR7B94Lb3zcvZfQYEZfWfC+TP4cyspkTcitePXjfU68jGBSNHGzdcnhT3XWp+sm39QX3M2qatXs7e8fQ9/fT2/hW/TCyS7zNsXErReZkyEFMwPeLy2nZ6tIAwt50lI56aFMRqiT2S9cmAZLFVC1+kxokmn9GmV3xn+MdGZgmfKamHu/aN1o0wuz/h2IbYhBYzaSa6CHY49rpWGtErqVp3vTXWyV4tITMNt0drYras5FMudzcbJSNdmBzrOoJuJ98g5aWvQ71Cvvs3cka9PNrXLo0YwQxljnx0QXZocCZ6dGprbD3Z0PHXtHX4FYjRuQ3SqYR/PgHXvH1czkO6F/2dFnheM96JTPqbweRpM/qAMNXZ3sCRzyhNuhEO7+fQMv/uLmyiQ62q+X9oZvx2RPzpTfl69u+Be+kHnz+Vbv94luu7m/Y1FeCRIR7Ovwj0gUeLiv+yvy8Jk+7Nv1zOTjO/JP/LOKlGj5qHoNYy8MZeq4ExwAOjb1G/VqCa/1vN3xe3Jhf3cmbmLNuvr/N0eYm4YRH3Jy06MyfYk5wLLFmQySLyN8/+bF+y5FEkdO7amv/rrfW81GZovAZt8s5d2GPu66VMk7qYfPHpXXjGaWX27ZykU7koHEAyvGZWFjZUYgUWg86ipsXksa3U8ELWppI1rc2IZV4rLwit4v7/u3382KusW1jS6gvM73GygqMncnX1JTmtrkxhfiyluqq9T7s4lv6q3zoNX6tDTWqNPKfH3TzsLvnFafOVi2rxBAyPYPkF0ie/YdFHYgSj9kLGSNlHNo4P2YcOazSMJRsLQ355sw/rsX6sM4QejbfXU0j+wFwSn297EaO5zWGc9mh73aI4v76PWwmzK1fkLTR5rmESTlKxxPOUue0DD8kJBxpb5ARY/9kojHxmdRYsWBiIcYmlwowSrmiCR5tbyCd222Z2d2IV9krWrdw7fkkW7MU7mZ78xVP+zze0e+c9/0ebcOPdKjPZYmx7a2Ynq8dv0jeRnJ7LYafDLzhKfpKDxpU71tp+S2E+CdxF5q3UmMV6eICU6/nROAQqHI7D7B9+Ztu6Zr1k4YlOM6CLNwo06DJi06dOl92qrQVWN+/7uiHus1uMHEyj7FeqbmI3o4LXxzCV9YTBwAlIDBEd/33+cv69man/e/8c/4WSDQb/Pzr9s0C9297/W9B76/Pc1L7697rYv3cn/eK124W9/52/WiyPBKwBbvpnfqDozzzX/Bt+OF3M737ja8gDf6OO+Lp6OOqEMd++dx1dASk+eLQcw+xoW+Y/R9xxKFl9Gl01MTrjh8euBkjY6s02mQOUP8uH8+nVv2aJfYqXuuwuMV0FG80Flc08WIrl8RYwv3+7v4vrxjXSElDt7f8bJaV9bqvj/e5WOh7culnLhOyovrJuWzyKgviskruoRXfGu7emu6zNSvU/Z8jvfzOhnjed48zsl+3HrVeVqnbWxjGvuY7w83iZZWPtdSdv7/jZ7T9/Ovcu5piyPO+BNMJIkAefWkLGKxlr7lr2DzVJytmlQrWvVi1KifRg3VtJGalaZ56Vo0Sssy9GymXs3Su9n+aI4/m2tsIfKbZlnzLS/GihZY3Awri3W8pY6WEBV3RdXdUXNP9DwefU/EwJMx9FTAXouZ12PujRwPcfqY9nKevJIvrxZISFeeniJ9ZQauctd00t8UJKZ1YsPFtd7XSLAM0gqVHiUjWm7RUMXILZa7OCWlKy3DuTKVlaW8bH9a+svKvwz/MdVQXWa5wnaN5zrfXaX32K7D3cCbt6efq0JWVR3X2I+wNH585F552KsIj4rDs0B4VRKOSsG7EvDJLt/scWafXw4YROSv8v1dgX+a59/m+69CfSrStwX6tdClVrtcRq4iMkODjAwzVmdilKndwPYyM87cfhYOsnSYlaOsvb8cleWqyq2a7DzFBVMXzdxT74Itu2jrLtl2bL89nS/XxmeACQKhSCyRyuKR1Tt37f7A5fEFQpH4YRzpej5+/UXZOzgy4kri6kh75cMogFWoSPHMDjnU0JOc1KQnQ9coFypxu1L/tXTsGyujcXCFpAKgIqASoDLgN0AcoAogHngHU6w4LPESsLMne1OYfSliPwc42GMISpQqU64CcZYmP79nZVZnbdZngwefRAGiATGAMoAE2fgmNLFJTfZEkmQpOBmRnOzMrhz6/xZamDBCotb5pDAPeMgjHv9NzWqOTFmyi/BFtBzwM3fokzyp83VVzS0KBfW8PLz5ONg8KbqY5/FSqm/CQ05EKLvEm7XhJFNZXic9GUpTktJcDV1milLIp3W93ZhkJTs54UeQvPcufyVJXP6Is/fmmynZcObWLifzVw7EKQ7DhpX5YWC2dj9Ii1pcXPEltKSl+76nW96KEksquZV/xs6sl7AR6maGOBaguPe767v9S8hGbduKcJ4QIO//JKrfiktCMoqfKy0BtldO/FgZ1sHfdldSkrXtdlZM/HIg13aUbsumtVavrPi08pJZ29WaK62ocvs/9u/YyhN/IEtd2lI6/c/6aX/UT/8jfypkmuXLkyUDEgJMjlxp0NJly4TyxgM3HWatVAkNTwzTMovjwcuYcpGCxxcIPfpblsNPsKZlum5qZmFOMKDP4Lff3K1fL/5nN0m4FiMILDGDK32GM3qw/XxtjEKx9hNSSQAoPIf2oZQN4ASQ+b+WyV30zXxMDLHbuambuV83e9MWvnmb/w4uy13t9Kemmm4QCxfKFKkwYZErFLBi7q2Qx0F/bKJ33rg7b7VCApzdtonLPuxEn+t0+znXpa51y0jvSbpRdHpZjehgBOCifwBAKwQG36YZbQqwNGp5wETU3sCyqPWA5VXeDFZMoPCvK7XmMhERLTGxd0hIVRwys06Tk9tEQeFrSkpTqah8Q01tIg2dzvQKdVekVG9lynyvXLmfVKjwn0qVNqhS5X/VqhWpUaOPwdzg5YP19sXHaAKNgWw/YuzPEQdQaSwnHMhN4bJuwxPgxc5sFiSIiWDBLIUIYS9UKBQCglxEYQqQkFQgI2sSLly3CBFuoqCYRkU1K1Kkx2hofp9Y05XO4QGiJkQMDCjRop0WI8apZgrd0eUAUDcqf4B6VV0a6k+SbBoY2DY0tGtk5MTY2KWJiTtTU2MzMy/m5l4tLLxZWvqxsvK71nbNbGzM2dpasbOzYW9vx8HB0T1nQEvlytWNj+8kAYFz8uQZli/ffV/RQqXjO4BoEqpAAbRChVq6XegqJQGeiloR8HSUt8AzUd4Dz0atDzwX5R3wfNRGwAtR9wMvRusGxBrT1ZGGzUxqzJqVbM4cvHnzAl1yCbEvi/5VYFeqYwy7OslxzXWzfUP0jwK7GYIEdiu6+sBuRwcJ7E707wO7W923YfcmTPfdl9IPVH9p2MNJoEceufx77P7qhCfrGd3xHMcLOl7K45Xtx2v7vfHeMR988u747NX+JSIpsK+v2/Bt/Sgf7hgQUCcoqLZDFXfLYIRn1IuIOyIhIdSAYEcBAwz2h2BAweq4xYCD+QwGUizmYKDz9IbBFMDhuiMQBiCRxqIkrZKSskJa1hk5Occ6r5RTQgc/zVPi5+3XM4z9mwgN4PcIFeCPt87kT3/S/eUfY/zrX7n9n4jdwP9RwgCTEQUgBCOAKGwBYsXoJe7bR9yUNkYicSWTnUdpZalLpTqfRlOPTncBA4P6jIwuZGLSgJnZ2WsDJUquLuU2Fo0KFYFL1QYq1Kh5Rp06ggYNz2nSpKZFywsgIBratL2kQ4eWLl2v6NHjpE9fMgMGXAwZSmHESAJjxlKZMJHIlCkoMLAjzJjJ4+MiIseIie0mIeEgJXWCjIyTnNx5CgouSkoXqKi4qaldoqHhoaV1dOlc+drp6TXdC14GtLsXvtB2FaGzikcuPg2KS69bVcFL8fGNKgGHEuObVRLeqjq+BUqenA1Kia9XqfirWlxcVSdGNeJfVU1ilRaXVrUoo/QEqjpUvtd94dt1miUIWAUnwwohUKEJWgRwIqYtFUaOSMmryBQp/EziioBYlDOpi4piRZ5JXzQoRE/siqJSjJRY0RxVTEoqJlWKTckVR7NYSVTxtChhKjjY8/UfiUlYSfQpOZVVCv3ipMriclqp6WilcUa8VFXpDCgjVVcmg8pKNZXNbeWk/splQfw0VgKeOY+Pyk+PSsgnidJ8FbCqwgnPegk0dHoz0LBxCuj/4SRo+JljnxHGqaCcyfWg3OmnQXnDJaCRw1nQqHE6aPRwHWjMcDlo7GQeaNw4CzR+ugJownA3aOLkKtCkM3m/JvsH4DPFlA+gqcMDoGkTP0DTx7NB+cMnoBnhvWomds0anwLNHl8CzZmeAZqb3rGaRyXNj39WC/jbC6mhRRMGQIsnF4CWpPeqljJAyyaSgJYnt1QrmKGVE3+BVk2OBa2e7gu0JtGnWssirUvfVa1nsTewXBsnRoI2TZSANpPVFi5ra2JntY1P2j5xFrQjOX4+ZKhg1kQ7t11nD+7d3mpljz3svVf0U6DC6BWA9r1DTyhaB5bBfbDo/kCHgxtAR8JtQUcrZ106JnA/Xj5xqHLupZOS91MRMqDTwTigM68B2UMOed9hh4XPEX7Zj1a8cekY53P8BnlO4H5O3qDPKbzP6RvsOYP/OXuDP+cIdhfEg70ZZiJYP8EEXkZnQCABCKQLGKwDBKIKCjUQBvMvHO5vBMJGJNK6h6LLh75xPknG76lStXC79FL9/VWEDeh15ATQm+iBQG/DR0HvvmnVe+9d74MPsn300WM++WSKzz57qb+ofulSibL71woa+jYZ8t13tv6hODT0c+J8ftGxWJVORAEjTKsJRSxMrzkuEuGmWuIPyd/cfBXl+JPU8EGtsUN6+LA2UCDjqAHYNOEObI4aPn0eUuqB86JJmbIoKlSco0rVF2rUnKdOHY0GDVk0aaqiRUs2EBAobdqe0aEDSZeuCHrRLwkf/jGQOs5vzRC0jLKHasZcweQwxfAHbB5rwMxmdSMzD581C+RkGd41K0JkPY9zIDucpTWvhGFuUkymUFLqQ0VlKjW1vjQ0ptHS6kdHJ0pP79ZjIHIUerEXFfvzi1XsppKtNJTVb4Djg43ghOLiy4lq7UmhAOCqoSXg5IpOwymzzkvdqp39VlcXnADXKB0arjnf7kiT5q6nFp339JLhcm2Fe52IGuC6EdXB9V6Nob76anUDobvghhW7LjfiuTeOvATOqLxyuedJfHdyQbKv9eECRaAgf6g3O36R7upGQ6NG36JObSwGBrxo0XBPDFcOpoodQe2ixwK3j5wM7hBlO7hj5bXLnczRWRczj67Wf7rd//TSXXfTnh5cPnq6evRyZe/9/95yL/lzvXf85d3xtx/HP77u/0bOA/8XURm4T+R8cN/ovcH9og8C969IHwaYP5cOQkKBP5G7IhUoQFGoEF6RIjjirfjU6+4SgSeKjuARb/cmR450uXI55cnj0yNFDACPiugLHi3+8pgaujM8dvK4x6lYPjx+ssYEExzviSK3gSdFXABPjrgGnvL2AKaaKsg005Qz3XRV5MtXyQwzoGeKtgI8K/o98OwotcBzIqeA51a/f3mew8d8F/YF36T0QhHVwIuilwdeXL3i5SXaHEu1P5Zpty+Pfha8InoBeGVF/8urjP6svt9CrVlr64F11gmz/tnwOb1xfetqs8kmSb1Z1IvgLVFvgLdGXwLeFj0ceHvkCvCOqneHC2bdt9MuA3q3yJ/gPVF7gvdGfgcXVp8wvG8yTpEile23X1wf8E0bDq5DcdFhh53rI0XrAT4a7V/wseqZw8cnEU44YbWTToruU2LoEfh09PbgM9ETgM9W7h8+N/nsvPM+9QXRJ4IvRh8PLo6hu+BL1W3D7hCc/CAkZEWH/Z/33rdyReMDMTGfiYt7W0LCygaqgj8HC5z8DAJRNqy4gcFCJnEoFNyYKigeLHxiQiBYkEg2FIoVjWaWlEHIyuLJyZkjD/Gl89t/gd42MAjpj2GG47gcgjC4JdH7QcjVho5QJrlUqiE0mv/pdHkMDAYwMhrRJm/Pwszs93YRbRCEpfLRCNe5DGNl9evn5j5f2Nj84M5dSdtVTxzhMc9Bnrxs4eBwpr1FGwnhU33SCN95KkNlwACZMRPuP1P3P0nAyyxSmDOXzIKFeJYsQdqq2FdAzrBlLx9DTs5FQYGiXKrz50/dvcA0NNa11luwDB2d/+npWcjNniW4lMnZ4buZnBO+k8m5xemR82adMt98rt8C91eNFlrorEUWKezFoj/L5JLCM3LpxERGZkEHeH2BZZbZbbnlAq2wgqRXKlZ9ctJqtdX8rCHX1oFe3+DHLfjsCAUFBe3/tXO/3dXeP6z+9Z9u3UcpaUTfSfBvgLueG2iwkB4i6hiIoSEjEDlv60quXP91nmACYmTU0RCjintHjJ68YowxPutxXnVmggnuPxN5tE+K0hticrF0xJTJaVPXNG7s04N74rEMlBm+ESir7PKlbGN7TtgfIHi4ViBE2DYAhCy3HMqduD8oxve8P7+ZHzQTn/ybj08BkzuW/6XC8qlLRab24vL+Uzh4wp0Q9g+oJHw6UGlhNVQ2y1e5cpdUqPAaEVECEhJLZFSeaKoEoqv2ohki/wlUE/wfiBn5OFBtZFCguiLyUj0brNWwfMZezRGLgwPxcEPDWy2R+2t1n2Bt2iQ+7RzZO4KkQJ1BXqCuKMtA3RGCQD1vVtP7j++2e6AAGYj/TRsGt+GzrHpEREmg0UhSIEFETKCxSJVA4xGZgSYizwSajMAFmqrEDi3P8vPbb/G94m3nWLWK12u+PjfWt62zbHpb2IFAO+FWgXajbAOJvui1tx1UHX8B2MTqUbHTRRwzSSRaCxBDScYzH0jdpMf+A2Tihx7IIgfI8qhKYaIt4NC4U4Bior0oISvlsU0AoDLaC1Ad2x2glmgq6gCkETtVNBGzFhICjf8ZoB0/UXQAWhdp6Y1bB+iP3Q8w+Pbg57mZJJofmAL+knvOd4mWYo6CLVDEEhvUOMIxdGSbpv3gOH9QZXuYckj7vzhSy584Ua8TSe/iDNsucO1Kq91ol/spruskeuSBfvBX2vniSa+8oqbiTZ983nvp8gXfpxjib/5hFD9OM25/xjjDWWY4dzs/LTLgwrSsgMCkbbnI/P3SC8HHZbcr01gBV88GxzVcR6gb0zIDbk76B9yasg+4/d571x0M6u4EOuDe5OuA+4mO8oApPZyIC3g0qRnweIIe8CT1S3QQNJdqTz216JlnaJ577qcXXqjy0ksLXnklu1+rPD8InmCFCBH1hCKzvyk5XLwFPt5Z3N9HZAT8G3kq4ENERcB/IeeAsIj8gI+VwYPeIJp6jw4FCmQoVKhTkSI5xMQaFCsWcpSYNUpC4hYpqTylSukoU0ZCliOFPSqHu9onQdy1JNKgpJRTSWZSKeP/BaRGrk+gv7F/fQVDsAloQFryWElH3xl8dybizqJO2ROMgJyppQB4XKMgaDISSefSLHRcveTDESY2WwroEDY2XwrpdBEGLmbOOIyM54cIEwkBJZM6AaWJMjNJCyifIAZUnDVbECFC+mtKGECO95ZKBkzhkKn8NA0lVzFsOsquZsQMVFSTVlSYGLuWBdVNRAbUTywGsCbDAhommAHs1EppRMpNNKo5ASkceOJ+28zxD9CllthcaaVbbRNRAe0TywEdcYvSSZu6pi0FdI9tBoCeaToBvbEt8zGDvrno6tdvlwEDDPHxnTVoUNQzhMk+HFkUMFJBGIxOigkI1PaYqtXB+KTGhAnLzySmx5RfuzDcOWC60mcwM3HxzTdeZs0K6e9CTgFz4W8C5iOfB/wofzv4OXnRC3efdaIX+/OW7iUhTsDyn3d1/xbiBqyE2gNWQ7yAtYjPAevf4Fobts0ql8HWXCi2bZvvHaWDi101u6i872JPv/3tIMot6I4FLQF0m5Gls2mYa7PuMJnuIiz3DDPMnBFGmDfSSE+MNtqC8cZ7ZoKJXppiikWzzfZvz/Hq6jLXPBv6jNKZGeYXJrMe8Yi3nth+PTcgyf4f/9/6/LeYYCYsTtgOFrc4OhbPXP0QVfd4HLNWDcdx3HXV9Hpd5MOHhi4gIRFjmaYlhlHEYlkiUaVSxVmtKDdp2laGcYtlGThOKM8LFQRvRBElSd7KMlpRvFNVuzTNe11nNwwQ05RiWdJs2zHHke+6jnsej9tPROQIMbEDJCT2k5LaREbmKDm5gxQULJSUTlJRMVFTO740TsyutwZpz7jo6HSjp+dmYNBdoUIeRYoMUKwYoESJgUqVApUpM0i5cpAKFQarVAlWpcoI1ao9VKOGUK1aj9SpI5IjN5u/7XbO67D9ek4nFxCkBUFcYZg2gnBDUToYhozjTAlCOEkyoygRNM2cYVBY1i6Ow+d5hwWBQBQhJYlUloUpilJVRdI0ZbqObBhkpincstSguihIVZUAAAOEEhESirEkQlCUSmYMrWmydV20YcjhXIxpyhVCrGVx27Y4x1EipXTXVep5NlUYAJCCIBaCZDCMQxA5iuIxzE4czhKPt4tAsCIS7SWRGGSyfRQKk0q1n0aj0ukOMBgsJtNBFovNZjvM4fC4XEd4PD6f75xAoBQKXROJnBSLXZdInJJK3ZDJnEZ2rmw+rmLS+pXuclQqVddee4NGo6fV6nYnYnyFBRPU17k6T9THYIIOWwDAJD+aPF5NMGULx6RgLgdLERbWIoUKiStSZLFixYBwcJbAw5NEQLBUiRJSSpVapkwZCeXKLV8Vtu9CRLQCCckeMrKJSpX2UVBMoaI6QEMzqFJFhI7u+Kp2al8R/FtDwZkwECSAIOEwLA9BsCgqH8MYcZyQIESQJBFFMdG0AobBsaxCjlPL8y4JgjpRdHklzxFQGZqviE8Wi8i1uiJgs6Edu7nsdjjQnU57XC5R3D8gYLigoAVCQkYIC1soIkIoKmqRmBiRuLjFEhLEAIAlQCAJCGQpGEwKgVgGhZLBYG7B4XYjEG4jkfagUO6g0fZKSrorJWWftDSjjIz9srKa5OT0s3T6wQ8m/OhHXX7yE42f/WzcL37x0q9+dd1vfvPK7353wx/+sOhPf5rwV/4/bRBtCyDSSduuLFAyG1hSqaYgdTRUoInWIrTR2Vld9Jahj6wX5Bil9ROSYbUu0chMKO1Kk0yydEwx6xfTTPPODDO8NzMLSrvdwssuvfTXyvUcbRcAi1W9ISym8xJmjTUk1lor2jrrSK23Xp4NNihdG20tNzbZpGxttrWPscUWMlttpbbNNnI2jys/+6/g6UAfJ8YJ54254LqTbiTqKkpLiChc0LoKD/QwytaqUWMjJqatatNQFY+dpuIJDq5neGkpO6FVm7vatXuxOmZXCp06QXXpAtOd3iJMX/eddG4JCvlGOLFioCvRVeAlAGDLAZpnGyhIcTZDoXbA4H5CNBnbUEldmfVIr1lfy3TuH9iRVqwh2bCJYsuWl7Zte+1NeqfS4pjanTFDRGSz90Shg6n9vxUmGACbfPSZQdW48rs9UKHCs1W9r0uoUXOROg2XW1N8zCDXencvoKX99ozO0iGU7tIllh4DrxkuwyWGEWMlTJYJV5kuU240eL6b72fmPn3tol8r9ynUWms+3dmrW0eX1bWidVs9yNJz9Yavz//6AOi903f1o0J//cl6wJSO64APnHGwBylI7oBnJ/Mte/V+R6F4T6VaaE3o0ACA66FrBwA3vjpcjX116Mu0SB1gsbj3YLWha8CHzGXc0DUsonp4saEbAHzEC5Ezco0/PT2hr44NE9f0ON0zCt1jAOArS2dpwFfNemitTZZtttVn22z30Q47PGVvO09dQ7vsYW6vfXY4sA6cvxx00Lc+VMV79BJjSJuh8Et3H6oMGUQyV04cgC84QIiFRLrRU2k4hvwZ4jAwgAoUUGisYC8YCquTHkPRPIAu9kXvD+de5ODhiRAQyHSJaA+CobTYGEPZrF3lW8XZSTZRFW0MpPm2g4xMTOVGOdn/Ud2LBNqq+qcKHd3Wr7q7NjEwrHWNb/WaKTpZvBpqv8SjTh35X727FI0uwT8MY9v4GdI917e4etkq7wiwiVX/YIwSswpIknSfFCn3yJKFbTWR14NRM3pMMGpFVxmMBq/HY8gQhNFmfHZUJkxQ2lTUdDCafwWst8NnX+ioo3BtJ+xiMLpEVxWMZ6K/G4xno+qCMbD6i2O8YMNJSVGtVoyMNLt2VXv2ZGNjae3b9/6wUBdFnqrKBUAqhJIRkoWxTEIkUCqdMdmaJlHXuQ1DEufSTFOKEHIsS7htu+44yqU00XVN8Dwd2A8A+kDQNgiSCMOGEYQxiprDYpY/tuDO+t/mHWOddW5Yb73TNtjgpo02umKTTW7ZbJsLjjnutrPOee2CC17p6ouKzxhDL83lpevrRjzi5naSl9c5fn7XABt48tkwOGaTBS8NhiaDlwHDWC+3GS4uc/MEOw6GdS5u6xjWdSLRoptuNuunH5NBBmkiJ9dmtNG2W2yxjZZbkXVvDmfbvBxcXHl99JElJHSfiNhTcnJPfO979/zmNw/85S8POTm9UKtdgvecEcPfgjMs3laf/BEucxF00t/4wyHcu+0PXgwIjwd3IYTni+cZwguTgMsu87niilBf9+fMjeOGm25yu+UWv7vu8jIyCmo5WrQerdq0gZiYIG31ci3Y2ETbJXgRICSCOwfCXPC5WyJG8fBTxF28olWogFliCcIKK5D22ruF/xV3h4lTb725zDQTbLnlKN9vv5/8EZ0TAjsQPyre8SF+PDnjiSeueuqpU5555rznnm/X/5XzYJLSTXdADxB83pbi6+C+RvFdMJ+gfBMCB1D1CW45DueGwAmOwBC4wLEpIXADCC8PZQQWQzG2MIpCi061kTIjFFWGYSg4roYg1JOkJkojXN1evgyDv2m6bFmueuil6yyhu+7C9ciwqkGmyrfXMstVWGGld1ZZ44u11mld622J2GADXxtt0tVmWwyy1V7+Cj0y0WOP7WL2B8GjzPfHb6f0J8X/4/vzPGNs88UXCiVKbPfVVzvXN7sf4bvvHH74IcVPP7n88kuaUqWvJf6b50wGQnIxTB4+OAAMXWmf70MrWNcOCIVI1N23/0JNbHAzim5Nn2GkYrFYIvHnUqmzspGi3KFptQxDgWWJcZxEqe2nsJXxOMyQF0VKkmT+l91nTFHUq6rx7r6SlmFYNdcMYa9KIjse74mq47jtug55ng690cKrfEGSFinKP62Ven/cM5Or7Kpv+7W1OfxPWbrJb8j2W38Q338U9Tp896fId/B9og6H7xsMA99P6CV8/4TdwfcbcRp+fzMUa/2s/wdkQzx0HkzC5K536N0X6qibwZfkKytr6D/jC3bq7/EjBWnJL9TR1oBfwa823Qgw9BFVZ/x1XX1VszuXvfYlO/sXtaGvbyX/BK5lQ5R+FK+WYINCvp9ikMAGULxmLw0tGvQthTVmx5LWlzUIkD5Pn6La+rco0AqO2B8Bhl4lCNapeMETX6IHjRoxfINTgYjjVhiu1kykhUgqq9px0TLyzywPq8yiNkpMBEZIaA1pwYhFqIw3veYNMrGWI3qVI5DKxBejAZd+vKmi95EJCOfFJ1w08kypQj3HyngQ+MVIDLy41EcxpHtomh16Iwwg3UWcxGnG04WuXKPlEXet6Nv4xJhu7BTZsNkRj3buwJyBs29Jg8QU9YrRIgeHE9x83+pzgp1KHSd8pCnFuhhFMiG2+tPG5IFRol6x/Q0PBNDVE5+i7HiSFiVSz3Uhe0BbTf6KKpkwOTQCRU/O0cD/G6JNUDqvS+ADJyUp3KgtuDL7jXGZjbhRYzUjL/iZfkphgD7Eo1V41fh405yIxNt6D6oiybJGaW3yAu56U7NqXAXFWyWCaoiwKFS5BBolZ+iZOJdKsdOfGZmfylMsMbE06yVjzhz9ApcTm6f639CFa1QqaFoYwzrr9BR97YbHeov1MaWssTifGBuljFSiCQID/qyS+MUX/EGFDs119A4RkBe2sI9Jp6x0Ev5a+kiMkrWnXcDkMKCZ8tB7nGR1OtkpGIW79TexzlEiOisjCg1UMpMoBUSfVj3sZ4NUeqz0UySb6EeuXrIAIn3VSJFWzKNnMybQ7Iuq25v0RIL/UvcsCojewQ1pTSS2BOlLiq0RbrIs5Su81UWBe1BUcKB0MqJDRsxuLfINlgADXdgwj+VJkhZvqQmQQPUdokJ1DemK+YnxDGz34Rqpscp84S4ev/zZ5HiJ3sKMCaAXjWbcRKPuIRMqtHTzE6FXeDAqOQLKKINW7fxo73T1dpVZ0gwYB7fvax8KbVXEYOyWzNVVkyUHNIhMC9P+PPGeUU25lwggXPPpzYfL84MytDoEMLgtfF46NWk7sS+AkLfMnZ3MiMrMU6EtxVjQ4NImq+j9+ztaURzi2BCasrFIAA7DpbgUIpe8EFmA7wU22minR513fFyzpmOPmj+rv8e/V/7ixdihyIoJkETRdWf/3lfTfXu5VmycQBLF1xKfgjLznQcAQRTe2iW7fLhcrttvu99iWqu1XdDoUGy6gMOOUGuxlHNRlO8FvX75en3zKfTnfpSv2u/10raM+KFoDUFk6QEgCVO5vVDPOTkAs0wN0teY9rcbu9saxTNaWr/1VROMSIq+X70W+9iKec4YMu655HNBl6dtNPBm/ckarWM30Dm8VDUu9c9jpUQ2vm/LcIqhGmepiZZrlFWMyAXu/sm+r/LgRVvETOQqEnsrISUBiiPb81q7NKbUjduL2opbeSec0v52XDp6Lghf+2xyLo0rfDT0bAHaboTQTJQ80S30qT2VFvzT+/45MEC6Mong/DZLztfFcFWZTRDzzWrByKNXEHzFN4UZyh7X9V8d4WQAopsJHAgItMz/AGoKkaZIAII2SiAAMhhZPDVSGcceIoZoOcW4KsFbRh79UdCh8IE9+9pkZlWQKs//sFuBVPDY0ZhlDhZfygjiJm0WqUC8eT04VyalOJzbCk2CGAT2L1myTYKzB5pVbogCAKPJuQLwwh/YiE2wJAE+NlK8+hBmuc6A4Y/xT7UrFeF8AFi1CjUNOZLPsXYs4sgQ1cwZsVFaYaNRkzDQgIQNABbUjZjEgD3g5PAxAhIVUKzI3PUBMGEyHwZcqzMOpfcD/MrawTlYnM/037um+54kkiRtIAfICPyNSSGFpmlbM8/i+c3zeLy8l/v0npz0Vud7Xb+tsh2VlHLae9w9rwXRBheQQzw0ICAlu6Waq+NiLax5J7B4UbCHWFCtUYUwYwictRTQYtak3DqKmXTvbrfI4JjWUjq8pAf6SeekdXz38dbgOMsk4/mm2+OJOMZsvlznoRvm1Uzyk+eZHnQ2yGngPf2wgM2XdAOFOm+7LcaXKts2BKhaRChrcXVD5mLPBSOg2h47fHAHrfVD3BFf0yk7xQYaqGuxIIPg+yHoHCKeJoUWUgdLg78v1VPHydXMHr40qXpvDgmAHG4yHFTQEaE4Un9tda2kKpK3IhiAFq5SENUwmYTNGhKMItW2y1Hyd6UF63s/17ocTqoFUYjOezcfYbZvMkXsTntzz9Jds5VfN/maj3714HzgnuqTca8mdazS9lPYW1NTLtxYERvBHFLXRFU8blHMHyWjphZhd7qmyCdNLnWqOHwIWmtL8oNAlz51+0vp6rPwHy2LzEJxmCPat7P/sLHAqoqhZMT1sMfQvP/rMVv9CwMcCy/jYT9IEq8/Jge7gfjuEWX+DmKs3kvLxNHyb3+6ZPIazYqKBSSfEfnYeoRWOMr0EsZRw6UrUHzVviacYm1gMj99mqNqyQxkYaWQGydLS2yK0hQt0w0JjT54D3ndjAtqnqxYf70jFoHU7z0u3wniY0m6oZ+sjC+IfGjbt+a8PjR+IetqfMfUmQgtIRNAvm+5B0ZGbEgu0zV1IxZuH6CwvObz+s42olu1VHE7pi7178k2uvAYPONBrLVpvTFaTkquWoGN+6hpry4ts2pPsFoL0cZtWtpcM7qVi7QrQNu2j2ruTV3d8Pl4aRubYkm+NkbNfVnTjLGWyLQbK47XtiJU/tIjjSbSudY3oFn6aV0mFQONIl/GKIG4olpLr65i32TaZ7E72AvSRw4vh/m76FTuYy5cx6ffNyuEPVskG1tKc65pY4Q+i0S+JhSgtY5/ZbTBKrQak63RFutY+3DblPbnA54+21rluu+mQwWtNQOpt61qH56QEoxkxw/HwmE/YkvRTihAr2tJCNlj1edCtnPX5JDEH2DHHdmFDqcgm7d3MfIOmqKgAD3C9gWfZ0vyOEjRmz9Txh5oayBFI8L2xsdLW5WsD44RfUTTWO0qXxyFJBqTn5S/busw2wCcSzG22R4I7HfHpVGGZcRhGTaIl5NQQ47EtCuDY/QzGhblcelmLDHZkpAWzbvWS5p66VamfkOyQUJprOooyo2U/XVFmWetEFbCTK5l78RNedcpZ5kXXBqp4FugI/JhlwHXIBavzQpP5O8CXdwzx24i+R+AzTRY1269LXeGXVnQcSIuioUjA6Gs94K69qMsxjnzkGfFOvkjkn9VD69reSH5kGuZlDPyF1lQv2k6M9XdXr1GZwZbJamnchejVruXTYRd4x1Vy1tOTSE6pMLrSHlYNkY+4Ry73aSI5DG1mUx1ken5cIFeFg7NrzcTEXLXhbUZjaZyzNuB5oPJSMZbxvz3UrGx8lotGVRREIrgHZBCDdm6pigotGbtMywCAw96yWykaxj521mlLTx+EBTu/JJR+WlDVigXEJ4578iEFRSIOyF5LuvlaYfwoKs6DCfBT03KVKIY+zVXBnQTkjeSshMAMriGj6mQ3Jf0vG44hKyr1RYZtOIKb3gnA8JMmO0oBWH7bku7xPE79CasEFCesB8jWhz56ocUvVtnfZx859yBXD75PaCPQ4pO9ac4M4OkNpNmwDWj7KBA0wd5MZIySMAI06luG0l5MXGppfUzfwPeBiNxUupkReYwOSBjKRqWi5CQ3gT/+wBB4VmA5tVKezx0koRzIzyQDCAM0OjrkNM8RTJZjoi0sqfAomhzL3QalsiIgd+KEkds/bkbItrkFvzSEgGSkjHxZVVdwE4bMPfWgYjfu5ZNU/pW7aglcOc5RraE9LpygakGNpBJ9NyE7PMbbdKsAEUvPU8wvhHmoTfBkPZ5coZU4SCJ3dqelbmeDmWUUYqAuurBO95DPdpwICadcWSeRxjJwEx+wZnTzIjONvAmGR9/YrM3EbO8Ro05N2vYJaPna3my+CDajVN9UaY6mCZavT19L71M4HkEqMBn0mP11UCo+tfi4Q54GYTbKCTrlVZvdIf7rB7znamtR/SM99SCNq7ol0VZMff89mAR6dzzTwDjOEDq5O3GvkADPQiCK0huqawHvD20ropSo6Qh8RQPwgWu6ufNgyBy3r4q8fDepgmv4iZkjsaJxPNLmB58PGwkdiCmevqo9pcVxFUbi4VBU39CdP9bHuiWolTmuhgnCKexv4lTOHQ+XWDodJHINVaey17R1RTQVkDsg1dfGgiW3tt3ewT7HeraO0vl63ujJ+apCKShpGS77iIWInNSHIzP6XNIlAKCQlDejJ4ZERvfwQYZDGgV06cj7vJU0YojpfSOTVxSytTRVGx+TTNChpuRZbqgIb0UvghFPHcC6gEnRgI1ZAoYX/m8pX8mZPxwJII8/e/9zqc3EfuyXsrkPQP8bmROgnN4TTRPyYGTYYkRbpOK0SVCERoUvHx4DkpgNCm+JHSAu2EOBZws7RKuHPxch6/MeeMy8/vcT3W9DGPevVjq0rm+cuaiDJSRWchCUg5iOgWlDa3gOa3+KhJwaB5hmPi9j6VSUmgSpwzQw79k3/nwRP6cApn/xgrut1urawN594JHdoEnlI1Y5FEXKdg3DCMZkuFaNLMQGifXLWBYUOtyB03YNwxv00bJLtvR9kAQvZLtdG+6G5u0rtFDH7/Laflp3+173JT88Y3hFLUHg+fzQ/KkxMoau4kd5MJ4Io/yAlcgspefh5pYUAVoLCdnIK3FNoPJZt2NOXDjYSptMTS8Udi0HaqDvY0K8DxahIE32h26YzQFU9BYqn2Sb8UhYSS1XkUx2udshWOcyLV5RPj7XDLpTSlDV3F7iREX0VuYOT+Mm+jSM40MxaG1FnvNytXWXlRh+bgCepJjxgVXfEQXevNxBXhIJwqpI7/kxJgFwQwJBTaPkuvFXBjqzqL3wSse9N+tKmWb9OBb2SuiEdFD/5bompVMQsVK8CBdcKMBla38Ws4KSeIWJn27CeYyMkuUivaKpypVcCd/3yi+1XBTkWTeFkIXMvon74UY0AnVb1tKtVcHK65T5YyAEaeAR0gLyDeWTgjajypTitODWsIPwNcL78t3q8uk+ggZx9hS+47fINxLh2/NyFDGIw+uLRUB2o2bFPGlsRd0V0yEuhE5StibIqwFqiBn9/hhM0kigLyg0PFKDUvPu6ztaVU00fUftXdbC1RzQjYyFj1hhMykIeQ1rq7SE0IeyJMFPdukEwXqI3K1okXeYHs3wxFhS/gNa1CjCdhPjJkKYyg0aMiZBlA3ZKmxIMc5gs/kSCI+kpycmeMTfXqsz0535VSZJ6qoccJcP2kHtRwFOlVo9Y+XrS7FdKaETb52kZC7iWaiMkTwLntP576Z5msFUPO1WnKTkIc6iJdR7etdrkIUwvLiBjLINB/6NyHfuJln6chbavOXgZF7XOyrN5bVXZBzos2oHfHKbGE+mF7QAaZO3NFPb8sqChgp7zo3qBkmNDNMGSJXo2pSulPUmVDGTFdXNDZ7Ed2wEMPOM+b6Tk/qlyGt/ingsAFj1dgBcGHI18MgvYBzUW0lM6DImxMD66mJ3BlQOttSXkc044lgfIbrRbZwhtGgu4M6G94CgIHY2yKhf2HkqHpZupxKSx8HmqGR6pUWNSZqPcdAm+BdR5W8BDS0pZD2z22K3Fv6vpv3thbv5dXKJ2fUGIHfc7ExVSMjG8rEzLPIXhisgQJQG8cjk/ugbnz8SDKqv/aYpeexn9pBwFtsptK37JPn1Lgn8ehrnHXoINYKbVrDykRk5VROLyFgzp04ylri89p3k49ILFUckA121eIE+aBhYbFS0pnjhFwoqdE7kCRuvsYzbVaGKW70jflYkXcgSqcAVkBNF0KguMhBKmes/z3inVc3IeEud9iatCgj7bmCAoH4q+RLEasg0Keus7ITEQIWI1FbPBeARPpTbxGkaaInJCmd0fAeOdw6cx+UQOx/T/sJUKpnk9fQyYjuzt/MCPbCwZtNxfof83I5wZ0QxkHvq6Q/kVUsL0frV57MLDf8T3Dx8JjS2CibMzbFngjpgLbpqSsDoKofyRTp5ZpGC3dbTBo7QUTgNasR3oYl1PxlowY9eNtCY42wwNCXaK2pJ+zKAApXqKkBHLP0QvwmlBXDaNZQwDTW1LZRp/jN+ug7nRcSnQaUpSPMjfTwNlZe8kruQ43V2I9QUAlMGK3XYuF3RitBPoLmqoNQnlE77xwoCogWgmVMCQRcaoILA2tWO05zLrOhfS777aji4I/JH/FG0n5x9AWOJqB4ZHjVWjKyoPnmPq/M+Wlo3g6/UQjauebRLg2dgN4PbDqXtQNrloxMuy0ppO/zSRxKe77n2TMRLoxQlLBUfApqSOll+Ax3NvsgKGgLhpXCYq3tXQ9S2ilA55QHpdu17I6gxIkITTCK8bkIV1r7PpwAfWi15uaaMJIuf0V1IIBCiDNcC3bdRQoFlsa9bstkK+TmvUjSxZUJ3L1Z8qcynxefGP3hHZrSh+N5hThuqEcAxoKzRpXP2bTzVDUF4ZLMhh1w4+O7GGH9wuB62MI2riym0CRPsdSssV0w8hKGHxYbBtxYeH/QPr9+l03+sSLryFmgO92MMeszT0Vh+5bwflUGetbWiZLdKDbTebsySm2BJ+Vd54Bi0/7KDOU+KI0xwE6z7SM7/zcFJWUbXvo90DpJhivZLhTJ6UIcOtKEH8jXMxqFL+ebciMb6UyQlgp+gQ2eQnndljocWOtE93qK+O1+JI6Lze+zA8IGbL8esM8NzPh73fX0Mjuiu151hh8EzPvkRrgXK6lCwVPPVWLWPBNIUvWMwkXjmsYxXx/pwHsBhlEFvHSlnnXkoDPSrYzY5dx1cpGXeKtyw/zRif94+J1oWnQlwrMP4EZYIz2xwDUO8IgE1D035JcSbxY/Z8c9ZWdJ0o2rNXf+pTnRNrt8ZvBaTT4FdF4feFkc37nA5gJ8ITRO9FnDw26jhVmbvu6sfkr+T6RLCYIxFyeJJOzWPzPH6eD3V+MnEmMvJ2PwufFTRmtaRYNch3YhYj06BkHs2yDZCwj7NJIIOtXr5culBBJNRYWmFezrmz3rEVpohNbRZRWYFspNlzT6Z6dGCtCnuB/WUOTDCnoJezw7ls4kjBj501oN6yIFtODHUGJF30TECQy9OR18ahkQbqL0gENy5q6bG/ReQccHL/SHovvKXTUm7x22BfE/DoAO07+48Vh1Ysb7PxOwH/Kn0B3PngY/kF43WDthHgpiX1TBMJL20zVSCwbHACMVAE0KyWaosW8EBY0ICHLU97M6qRVbAn2sz6j/KpNY5+kPMwKxyteFZCY98cA3K+yLhgQL9kHcWth6WOR8EFB7OQNzDdAxwi693ZtLEDRywF2WQmjlmqA7CV8IeOFqFDs229pfSCvxeQdzwmzNcBTARTCbCJijV9QbsviUD4CLge1/NS5ZZGgfYYb8vJ2NagAeQKD6A8OAtnkbkPSRzPJfA7ezZcRNgGG3u6kLfd6A/j4Y/T5FnkaDP+A6mSH94nChjJqbds3kUGzFE2NA+1bkLTzsCeipSG09hlKUa0rbmhREHcE+GI1wi02SNzPKsuvRPh6htN8TfV8M7MgPJD9K6N5clr4oWSxPsrhXj76LZV3ySyrXK6nkujjNwNTyIBkNdxtZ0K7gAP20TIATqBQlq4ctoZpujNKiq8MRZaIWg2rE3ewF7eMzOTU/dBlw6mvPxhsQ3BgdpRqp1FFvj4YAPRvdeewZFmqfun2CjTYvuTeoE6fApsBamew9t3MWpE1a0G7ik58bVYtCAaqAbJN6LzYw7oghIe/xbjI24FAeNWaoHze13hlY/Si9tDofcN0ngIEbficfvIfug6Dr48UE4vyPeTRirA199PuBdvVeOtJjvS54zDA+2qORpCysaG6uwwAFO78QiluC0OOeEIX2hwwOex/98HMMBHylT6exT0Gb/YAvKMiHaDQkj+rcOB6SzZV4s1UHXApBcIRqUvPqtEW1Nqleifm2TGPxPHzw52bV2JZR+eFElQEU164uy6wldSNAUQVuDo5sqoB385bs1g0SVSLFFgmKHKSJQiYhLz8sBoxYaTlMxuyaTwE6iwCzSrGyyttaE/S+b3XXALjNPQNbVj/uMiPXghYEQ011cc+nVvC6LJoPsKvDUZXqs3M2sVswu03TOyY5QZiXRi5iLb17xbMjtmS6HCb2kw/OnZuaEN5KCilacwUmGEsEm1DemxIKPjFzucOnQFfRloBD86OgM6MkHwmf5NVOZNUGRdqC9WJJcsX5qS6S6vr8cf7YBBoN1/hj5fSIB/OV4DxpETi+nXe4hRoCXH+vvfsY3X5K7j94E53SAfDyIAFfSxOcM17pZicEuTneOKEGE+iBIaOU4uh49Yo87FJzKyO44QbeFpqWCyP+KieaIMWdCOU9Sl5TbUR/+ymZlzKeP0yTUqhCkAj6HIE6HdgNSl54Stka6zOEJE/JbgJ0dCifQQAnTHyorv5mIpZg9pURsUcTlU/e4Pg+vpQ1bUPUJtLPv+5ZkGlcbW2HutyWonADFID2oxgLB892Zpp3SrnQooh7lA2aAOb+Uo+1vA0SoQ80lSZfugFWnWxR8gL4d5VOT68rWYvsVocAeQMG47Q11BZm9PeOvZUpzZ1DwFJvvMDW3TACkVHvKHrkXAdxy8EzyozL/EXH1Ws3xoZDfHz2i5bqV62LDYfUuLLBt+NpTvBRemQd6RtjfDNSoq26xAIpauHroz2SwGcJv+hAfNYIxcYQiMavSgSvjr0zwAg2rG3Su1UJQBOYXCAUR+bfC/WVRAU3PM4ir1FRyDzvy/7T38btp/9N92ZFbZPMLmzQjSPEYLCwpcio6ydKT1hd1HdUVfzROIU38k+Bw7LrKR2VbxrHIxrr0tTG/WMeJfebTFet0WVSx55mzawoNz2ChMKjNPeqBLfkXppcdSVuvI2POeOQJKTocWfyk6lYwF9jIHJ9s/MMHVZDjPPocTE4PCLpFAH5ZVefts75HEgvTAun0msIAuRpA9/6Yig+BWepJOoTGpuR0J4RZ5onszXPgF6KjTvLA/SInMaGQfpeImWMlS+P6RTP+Lg8O+UTOD5DUQ1YJY0n6Dy/UGyfA+VQQhXPom2COfZN8VJgoFYFu1+Dpo4xkWAEjpoAYr8rj5tNivmsnM7zyfQ8/eidM64RqOGsx8pX5JVfqjeDSdC/StwKZJSeDboXfb7jftI266wNj09zm7720vw18RMe002Ck+iUI3SZsnsJsu6nfUrHUu8XR4flwZCro3z/IDscyNJODUIKyMzTA2WrFBjEu/blgAoCz9CF2n7DasNu1dpvWKljy5fRKaSNrP7xiKwGa5EvBAMkZTWcqECgZjelUYbJ/EpkhuN6BKDYN6QdEKT1hw4ZKgp4d6x2v58qDQgTIF8uFmmoHlpC/pdUroeo2IxASgqCDj6sCc8OA3EpMKDhVcsve2znc5MzPqFCZ0k95EHN1YCGlcu4oJ7koTQHwkzaCPFo03qE2twBXYmMk9x4k2+ERNjvEwh1nvlyIkJTm5foBY0U4JCTws4IX4iMF1Nuj82Kz9nljsO7MnXt9ZZwLVyGLUIdtTdM7FV3nQIH2ZeFajODB5+mghpXdljnkgGt3j78TEtqFr/SokJwME2H74Fb9XefC7ySFe+n5944/OD+XGp6NR9g518Hdz2ALY8gq74EO19P7yGNFZBv1QfxwhvYfYSEsryN9BOm3DI3OHMuhR2UpvECXbP/rd2x0IjVkhrigCnKTC01K75e8pk3w3Gp7IppyGnM/XHQHRdQziymcM0zybAQzNFwcGgnN21uBCn0XG0bqs9Oj+lm3hoGvIvFg0/7hDTgC/gqeLoONfAe9Dyxae+AIRcTQRZuFNcmpMV2cBhESHoxDri5/niBlxHNXIjfFq7ktaXBpNAFoJAihbzLqOAncOX/n3szLfgkew3InYVuxVVieIvgVU/kc7kDx3Oefr6XI1fByrduzpMTmmXKPcWRtB+W1/2tJy4nH1HPpU0YuvbP+W4PCrrvwcgVb85057HsPZWXspfE1Uj+AGSRLdV8EzXoQ/6vvbgjf9k7vSaK7giDWJ3nhd2Sk4l/gsq6LMEuj48oANXaGdQ9s2JY0dnszIkPgcoo9yHXwHiFMfbgGBKQJVfhmJUoESUmf8uI9vGIO4JzdYf1vQv7uQZg0g7X+vIAqjtaTMhAQIgBHXOmbfB3WNaLcQ/iij8oDkGfRvDW5ieU14GOR5elHVYziLstPstbAQxpdAkCZSBI8XakiKjY+Bx10s/O18oKwM9WLDgEn0or2sQAWYYxshAaK2YnBmOhvNlkD5wx6OPTcdAJPNw43vTGDwvv6jy8NDigF8AAIqVayVN+2qxm8mG22OtXVUSDSxavjB+EpUeTXJFDAc7SqYQvKun1DivjYNiMezhx8ADp08whiAQXY+EG529Me7fE7ePYGY8Okwk8YTCsKoqFam9CBKBW5QtU0Nhn/3AhfIOjTDwbzrT8fTDPTaKytjxccu/yb+hdxo8M7O4ZFjojhgn5Nzwtrg9mKLWZyJxF/HV0ZgYyULWMIVnUmxtWhHOegizYtuQybggTXYNnLfmcoVSk8BgGFA14mtgoDSIFD2DliVB0OpyaXZy1Ac1lkV98Jj8e0jLmkRuaQTzji25Ks9M9QYrgs2xoBbsb4/uqjpCEmOUIKbhZyc/lJcNEh0F8VD37pXWyz/sz+1CZERUoP6y2RiLSG06bu07nKwVgmS1wNFz0xYe/iPVlWT/2QOD8LCJdgNNFquJ+bVgCqMR7a7Y4yc8F3MW3c38Nf2VMXMUsH/WZRt88Voorh3JZWlX+Ovgr/GtV58WycP+Zfju6/Ty1mbNXhaRlv0MinZ2i50rrJG962U6Xm97QTGlYEK7QyJlmIQDRtNw0ez+0L+eF2OzSir2i4sqLgl5uwBDI0QC77ifiFWu6K9CuBCYYrvpY1LakT9eKAwr0gpSvn8ubR4urJRdX+flFFhwlDYu1Tg7E+nlnhaUzHOrNiN9640F+dh5ruwv0vKq8IVeaYSJiDcUJl48MsYZYaHlCYXH18vbzL7RbPtv8OakSuTCJdsuj6UG2I25gHPGcKnDTzcv55ZVlPsXhnHWNfdIULyxZTp5v5rOJBQCqJL5MXTtdzHM7K6cODetbTcC+O7JgNBzGim3Fsb476zayabduAfNxRytq0MgWKznCDCYz8DzXkCPL30LO5bIntndu54e56XCuh5WeVqJn4s5O9+2IwnSSrrmUIIaG75LAz5+bJuibOsY2xgfYo6TvArMcdU1KJgwe6pSpWqRrpDLjRRbJN1BG+uV1G7hdgY3xtBRzeTaG0t5GymBzwUrezNGS2KeOPZtA6h7tQWowkR7ETYI9ECyAZ8RC6ELZkrwQeQdD2kzdWnRBMsn9z+/llWqpgkUSxPprtbZkvYtzr3GJewrm8ba4vLyvsVntEhRv0cCys059emUxXcqqQ1PfExUPR6LeG6RbFLvsip5zyMgL132WBCOGZfbSuB38a0TQAbiGqugQxO7Cubroyh3XHmt4DdzMM+kLMtbpH7OzcWzSe/tefmv6/PgWRtN3+xn/uXmIBtAggzINW/skhGYZhLdj8PXsttokUz/BqivFJy8OKaYksWF1tQlS7DcBPADCXWm7kYmyJKvvaxwaQCB33FVA4GGl1kxml8A60RszAzzAmlihJS53M6FDCqszwfoStWqUGnw35mgXl/qHOlyA9y+p0bT474PkqBdCtwbjZd1BjXLZL8mFDCz7Ygs9PrQAdRhi5C7h/DdluyJvsKr8pL5zsV7J7zTWiNra7G0TcsHW4mu4s+U5VuijBl6phdO28RTMUdYHwa1sk7Ov4bBntOQlZ7MAqZiOl73seNgbXRdqjNS7aXqQanT32O8+JOhqypkFarJ9KbyjxodzRDZs1qux7BUS/YYFmMjaigztv8pL2WXHbsmCP/bqKgHhGj7OosDS37EuA7Pskdg7FoMKb3yBINcaERTMLunBA5JlOvL+4qMokcNE9UlFV1do7OcaPHehc68+0afa1+LMXN+LxfjmzBxbPfOz4JqH6S4rrs2EYOqDXotytwpI7PyjVoAeFXsr10ybQr6RjcCSUvIe2gqQajhASuarKxgai9RRpcdt5Xro9eH/TUlvKKf0ve7labg5dCALcW/gnxWNFooFd2hXh3nLd6uRHBFaNBtOhzonwIsTtroog2shrLloNEp7J6EnsM4y//0oDbNgBOBU63dDHf1KD78+r/gslbAfC+ciJwnCZurYI18HNNKQqMA14p1j6yty7Gv0RBLH7b9EqM1kxpPrcz1uj8uBvCfyu8c/4rDnk9cw/wJ5nMcf+gymnmJeDohm8lN4KMsfFny0LB5BC7JXZKNpcqNgvJqXgJktzvTO6ZUB1Nxud2vgTZ9ghUx5hvJoVkqFlVyBe8m4iTofu0sKpbGUfcBmucfTZ688mH7m3Ddsaqw1I7PIt1AQx+HCce7rukutGYe9dbJvhFh4vGLW9Kx0HqOCPZfOmquLv4iGPNhNhTpTFfqKCBl+pK2jdQcWuklrEpNz83SXrw7n9RR5sVKv+NPdCeU//ImKbAqt4a/K8clMPiGNHKXRxswRNiW/QqZuTUPR1BBlzhvKiEflYLqzTONwQLOf14oO92n+sPrGrm0+f4i1bCrimgduajsZbYcnfwQBjwwE5gPH5PvbsAYVJm9FfshdOaHcC2jJHLuC7jP2ZAeMbVir/ot3sVpw/7CyKRFG3r6Ahttjfsp/GzzyKXBDNFleJ5O+L614NsXkOS95f/eBiN/MY+BlZ3Rr0AHoMXTw7eMlkUoc9s7NZNQPMkniTyJdDc+mY0OVvriSGY1NclNYHtBQcU+UBxT589lNHL2SFWHc0TwSZBl7EnsetGGyiC8KkeSgTJu9NbmvZPDwXQPmhh//AF91rctNJjQ74cT7j0Aw7GtLRl/twrOaZl5QOrkcq2Tzmc2OmpQg7LndDkqXgsSZDh2o7H53jhZOqKroLKDj6tvWRylBD2KVvO5MA2ELmfI3aoHJfilKDqAAaDU3T+779Dtb/5Wa/aPNgUwc1BgV8Rb7kMKJEk12VwulD4/hddQL5IxZAGCu5rq2YlPlyVSEenPC/bq5zRl8YMS6WgFMwW1NpTKEP+ejr673dgcPLKtXngfb4WOdpOJkG48f/eMEGZZB+bs/XjUEGf2mdtmck1YLFc2nD1IrfS2gQQv4SdOUQBa/kt+EmROhb7rg4pbcsqrCFGRSre///iqZwOLHhnFdUxREkapSsipklyL3ABWNWQCOV0ICSEx5Q0APorRHhZeC7ItyIk1fDKnrCByBZ7RNPxs1CsB6H778PUBvdC9kKLj/bcBj03esVmJPGXjaO1tdmlL0yb3zJZWYKsTdmtcI7F25PFyLND1oSFIUIdZgzoXDIVdDzxIsVgxyfpyuikbWSRaerjYJ4lYtyNSC9sy2vYbz5mE64VaMtPbx6A1dawmfiq98DkFzv/IOwCdlo8cmUS2OOznlQV7WfCwwa69cz/RW+CZIhEFDFvagKm3VuzAV9qeUtr+YYoe/zCaSIBJkHO11ydcT9aBPksCBaroLef2ZmbpJjCemxr5dCn1hIimhZ+mXnLBqagoExn6RrNcqbNWw3vLN/4FXNFc+dodrWQUD1FS/E71nQALB9xAGgEjQJbfUGuIvddzJeSrl60McLFTFfLoDRvQblw2k9UqlXq+qRoapKkqhMkXDC9ZAIVEVVynACUgBWdEqAXi1lTY1JZ9OQT61GTnnXujaEuydJqwp+Tmqxsw72EExDIegk+scEDYzTWOIV96b/qUMcF10teZSd82nOj6udIeVXdQupWnkhAfZ+CU3yJSuwF4FVtYOVxVlYaSAeqEOqLgjTD9fPNtIOTecDHLEkMfOpb89pXt4ngjv4Hii2KBQxQJ2kZM5DN8OPcoJz0xrcdSuITPfFSZyEMyUS96PtmDVg4l/Scz2XBDf/h6LNRagBJIu3l0blw9+PLuy7HZMBoRPW/u3PZvQpR/wqHk82PeHi8TTYkI2m7WJGccSeQqZc/E5TdwJYWhIXmW5Kaju/zwsSPyZMp5tx67nh8QuhkRTedOZRi3Tb2C/CRheqhhlUJzoFiTL+LYlYzXzsF7OFkq+risa0HQ+KlzcTGqsrBLCfye2zwLkdxtumoCXFUTmFK5lORpkcpAdVnR2WB7MjUrNx3oAJ0uqaaLr6ry3UD5ImQKyjLHhQJNE0Sw8r/AHWSZBpiyWiDvu7ik+ft8k5YvUoTSJq+GizDBS7SCCZHsM5CXIBJNBRqWckKie6qmiRh8uuirGhH2Iq/ei3QbxgNDM7NE+SJvCalcFnpOGaFe8EhfgXY1KRKaajuOB022KilYyX+GoJ9byUE6r+urbO7t1SWiSe7eYpDrPcGep9LnvFpQWu3XNpsTbsVKZ4z8rNk5tvdaJL6d15tvj5qPbbK2pmqW8rR2BoCJCeT/9m6MRxrVU9VrEGzyzTHWeEOBcgZAiZjeYetwoiVYTnDUh0lKLmgRm/Zdm+bZ+JmQ7Dx0AKua8JgmMXyvbgQLNYIz28ZqFg4UPbjlXcm6JIm/Hd3kTi6GrlA7kttQewU8cTxwhnIzDluWQbR/I5nwLsjvmXW+aO4zI/ZTljZ5AR6l2G6B9LTvVgeGSvFpTKf4/tLBP4JOwn+UHu3hUFof4OAymWBR+nmDstHGQgFZeBGHi7wbvxa5I7fsHyq91PvUspJjjLMRTms154gITUhCr89TL3ZIdz4pyz8PLW7xV5tnTaUmSyZrubFx63SkBudk8ihCuIf+ZWVLwdEJlfE7ePs6ncOhmpazTn2TGBePumVg0P6oFZ2du1qTZ8eijKd3776Nd3f2Ybj/poanTVFRq4bWeh6YXib/sPIHR+4/tgo4cyiFP3et8Kffto+eE4kz9TYx2QFex4kL+Pug1FTVafQpalGF9sO7pBvRyaI8F2J5L4UM8PVEBYGGxQYxaWEN6QRYo/eIBXkMxDvHmaKxP5N47U9XTJQ9U1fKp6z6aKfvRa/L530lSELCbjciPYv5GmqAVSBUZ3mF6/mdrXc3HdMqDn66iAHhrR5FRPRRITbJBmGjp2d6ygRTIyqBWwrpZoVXLKZ88Ml1SykDRdL7kgjsYet/tyUB4zHo7xzjNTEURLgyKig0xX+S3iMe1z2G5l0j4WDF36uotEi1/AYCTmyWt4wodMAQ8hN2toe+Sbmatj6S5Y4QsGd9LjxeqXhwzoNuHTdCFTiYQw5o1q1WvdLUSb4GjhW+DFc6nrYYNNWDPkRBvZfyw8pudd1bBTXAXA/8eG+4K5LuR9WfjeVCX6XyHxvMHDod4APYQf/GgqfmHK/cjy4es7KzkgSvwKG+G5TRzSx8EWS6XpcDEIuqB12qmDGi7xlb92NQ+ruw+/YD74rqe7AexeJ//eSQcPrA1dNH2s7xuq/71In+f+J/MTZc/dljmDpPSTNzM5AmYc1Mq3BydOLtAUbwtIBqqT0+0+dBkGlJYefb7nK6NwRXZd+4ipdg3+f5t2MK+aw5R3GrLA/nGFFV9Lzp6NVs3XFFT/0j+osIYD40+IKya791lvEHocrLovQYQ8n3tYLCesxXPJGRUTOzfzo/UjLoYUllD4cOma1KYJiRv5En+IVIO0D/vBfkx4W29KaDdmdu58gI683zp55zdTYRTBfn1fujtnkRK9z13XS9JplnKjBzcCfVAm9PzmizctwxrBK7dl2Z6rd/CzmdFmRZ8zcSHe01gSlUSrsXwOfVyNnWBKKeWjRr7ku/vGSQ06nUQ/LLkyZSGGVDXcYccxBH7bswhBSPa8yliR8E53S6eBCTjdADbIMlo2YNT/3Szf47uAnoNoIVmLPFcgfZt8HYANHz6MB4xUTNTStFhWCWLlCkGDLUORUkL969lz7gw7WBN0otpTGDySOLRA4vr5Pz0q97hExK0PP+GsN5lNeSYUM7KYa/WVYvx+Zfme6Hu5Bfu9T3KnMIMQ8iLazZwYfujRQWpBiz1gBYGs3rmXmECn1KZCatI6aU8NRR5y5f5CpWKVZSGn/keqyxuqFvEm3puXzXnLeEP0a6oy/mWHM1q/O4Q3VuEx1bb8fLp55OgUGDxFg1FwfoK26rYvz08+OmfTXlEwyKraI8HP8yBpPc4jJvRyW0Mwtl7cSHdCemuU39vAdu8nfPbXES0HD76gz/gqrSnukCRrBUmS1SZQj5dN6C3eoZXorwLOFSlbK1+1lLlR7bVlX/PKyGAseO4+OLtJ3X8BN3HqxtQtOud8ym7E9v8JUsCrkW1TjrKeq675VcTeYH27olBSkp6P97iLck5/8+F4g8b+A+GNhQnUO+lfHKZv1P8OdpM+Zf805fIS8I7i+54YLMbiusWzNKjJ2Fts0n6SnRZchdnaAbwmTSBHXjDI9/be1aL3JttHjwbW0fjVfhCQ1MSMcLk7YW4KQtaAGE/X16FdS6hojrb0FA336N5zepCZoIlgfspmLUwvek0iIt6Ce5Q98qbOpCY1EJ9aA7QwxevyrQe2jpAu27v0tgy4WjouDxcA8wq4Qi46YObr07swJBtvO4H7NtowNl05qlIBVp+wFANAJYBJiDA2vISnxVFDBAPBWwf2hWF3mvu4rOTww8nyU9OAf+HFdsUv1BkI3Tno+EulrPhkUcPf2WuVJkf5Y3NuzrvbdzqRyfHrd54++H3LVcvBIhA7DVd9Eran8a6CdYwI9t4xZSCFcarMdY+MNeGhJNYkiQlFJNyzzYEJpMAz5TLcOM5LuxUMsFYSAlpny/dtw3zSeoqVI8qRNop2n57Wflh+F6NN2jAdzp6h6K4nfe4JYMoYS2UCzEQ4n3kuI17x0XLpmPqAuZ6AM0sVari7l7M93LvnEEIDYLfPKc74qSpJzxl2VqRdWqQL3MZZ7+Zm6ba+9M1ZlZszaTBXICwj544VmbYq1qnAwgKmsRk5JaHpCSnViJ59BI2Bchj8pjCZBHMLvCxoX/w+8I8hNMi9BGF1X64MH+KYakzGIiDjj3ZwUUs8lX0ddahAvOEHDFWXI0rVyh4ZIITZ5Kr0ElABHBqBC1cfweXeDUp6LQnBhYI6ZiC58iukqdcwtWBxbsWt9pqgTQDrr8/bGi7zg45LA98Ch5FDmrkzj/1iGV6fWrL8XI2QMKQtdqVFtZ6coRKO1NOh9F4W3adyv8g5ILuaXN2+iFfBz/wfhJczWPxe9HUuTaP/a+gIFV/SEp7VHlpmSszLMQRRs1rraCa1H5FJmlO6hl/+/oaDdUAUCA+/hoJrsI2NMknNuqfHWyDJ6tgaVQMQ6ziYMckIf1INJgwH5ofkkb6/t22wTilh2MbGmIXrxuTv+eI56FDcYdfbetc+E33EtMFkqcxezmkaK+awBD9YWx5DwFv0w7c9M6ZMdqslKIzByKdQ7cjjPcQzfkarETVmT1R5jTzg8b7iBIj0mHSWQ8bvkMoVxYEcZa2krKx1rFXqH8dSpVqXGaJYf0oUd0e/5bxh2bp7NdqiqhHN6zmqcTYHwU+w/5pp14MuAyCQIAMNAhThVBHhMgscQrjoCIhxKKKQAQIuC833Mj8WZzud7c40MsYdlLyYUzyYnVzzg/jqu+fJoVL3F5ZSOgg+1yGiM+lv39cLevp5Y4DDaQ5irur//Z0+6DlLPXI1wF3DB8uFyiizZUNj78GZnUb9TDOy8gwCNedpSGElJRoy4MPhicqXkiVrM0PEokMwkm90BBmt8lyxn/6acjnJKXouIjTOTNRG5jJFAGYlUiJYCfNTdjLr0gRZ7bT/jZFuaiOvNLUHhDhspNOe+/Yff8LSYODWvFNqeEppc1emnvH9so5Op/iv16nQkNyJMtO3gggUGRYvzzN2WP/jtv+d+ckOTFzMCaK0xeSC+iXBMnNrS/sxFoAelxB6Re2vIlSnVTkjZO2Xbbptlj6hbLSvz7eHK7f4G1pH5AoREYH22nIrenOc8i3AxKzByQUARpODtb6Z0qX6b/nhUbXcYhkYNSo9SCQcaYAiS2ClUpVE6e0viWcmJfT4nDLOSmeAihLWu3B4FmRYv9M/8PbDtue1vMyMmfPbxt91CxTWyKnNYxH5JD/X0bHzixjmtdmBonEpVdF/0vxA+gfjLY8BUoqmfMfafzaR2lJ5ngeby1dPJzUxZHY6Cnmb7UPn1Q87raMJ47Zl65QNcrNptNJVVVwsPEqyttEfjD9K4F3tX1q58Kbjv097SvRhrlVIa8zYIoQgLf5lwx7VSMfUp6QObnqrz0/hHGxXrYS5c7u4yjjPCX8TTWEAog1xI4y2i7j6aG86ATKG5VIlHWYJCogFrx6LCIWAcXJfY4GJJ0vrAgYmkoYFDGIPNzKMBGDUd5pO/B1go4UxsXiGbc+NdSiAaID0pypCjYtyLPHO1w6HmzwcxlEINrzb/nPno3y52NF3Ey9vcFN0EAAaPT0HwWqWRvOK4N8RQfhIeGgK4e/JgDKB1qog56trSxdMv/mu9tfUh/evnGnhdNHfulEJl5pIqLlBNW9P8jIIa1rzbAUwmXgwDetNol280AWY8Nd0bE2rux09/QEjfPShU3hp+lsjDvOGt5rIFdyPRqQpU0pUJrSXQjsKAAz5vK3EoQh69nFnNw+FcWAoQf67TNoOEboAxoWQGqA1eeAIGBYaC5AdLxji44DLjqRRZ+2k5SrP40PZiteUn42gGDQfWIDoL3ick2RNCQTL0OO+KtFICLeItp2L4ItLjSXx3DZCp9nvjpkNZfhsFjuu2yHu2RTJlOtFQ14lJwtEcRn5WSvoJk2vSwsGwzf9MZ/CVl5Ob9mj39VjGVfHfHSDD7jsVe84uIIctcuD8x3bBCjRg67vBB0HlcHMahIOHrH8IS5a1IY6irVk+x9y/jo7MztnG4Zyf8x3oq56e7WPetHtsIJpbLQx/icrbGjCl6xFZWii41vz0g56tURdOAjlryON2CWNMTShNL7Dm98dXMzg4Dnj1KQKQ/8FoPpXcUwwzWz4H6L/1PYNNZLHLbXgJTMGDAcrEv+/g6aG94eaJyXA/ObWX/hlvv3b+htb/nKEnK6vvJWuh6MfP89JJKghqHJJ+S8Tn7hTJxuU0lqfUmdopkrZm0n9xX5dR13hFa8BBVRcPp3YG0xl2iCkM+eZZ2K8oQnPNJRfVUmDnPuawN+MNgTY3dqP+Y/9ahguftColrEhOyld4OyaN5RqHaf2/0Tex/+z8MEUwlNihqLAF0/R8a6Lo2+/cWEY2k52t5Rp7Ztg4Dy5DfeR7VobCTOYggoIQ3w2GTxoD3ZSql0leWuoK1WSmRqmGuNy3UON+cdv3B6O1D0oGnZpC93c+PUxJanDnmPH643ce53fkS4/3tkCHK1vuo3hBcp7oVS5r9njp27SPIb7YvvYAKmyaJgkeQvRhTWH18rfshdYRWmZWR0HThoNGvlhp3cz0yKvlnQ0ySLuy08kGa1/g+k/zireNQl7ui0X1od+UxG0SW3MPPvzl+JKv8Pl14G2339A+a5zCVUBmyKYVEyo33JXDHQb3utG5qGVda+ev9ZHWZ+ye1CETtdUjftdy1u1CWreF0WbPk7zeqA8MDtJtmeguinzMKn+w/DZq0OKo8cyMiIKFxhcbv/LwYRiAo3atr9/j+Jg17btxyyhPQzDDyyOSf7NE5rh05mNmwNZI8PMysjysr25snDOfwS+71GfUeTVA25e2coQFLJzjuRACDpwyrJhSDS/3K8/EJDFF6ur2OZr6cegtynsfnOpCBNVvqTk7EX9No4wVl+E7Hyn3QE6ysx6yuB1hxXentkTKR6Da+WeWL//QPAyvii6Wi/S/DYt28Mwo4eyfNFqjStrQViH9eahhSXhGWpcaOfm/kA8ud4i2T34AOeQhqqiwbWrFyhC/z+2ObChVaOuKhbYhnowl4cxEzBvUB4cwisbrqVDlNzSscBi/Xsj9AMeEyCYkPAGIEm74lJ0LEhgjFbNZUgYiBBx5YIYA1QHuCbp/XiQIg3ITJdRd+da6T+9H09Xbf5xA2i3ZTz5mKCpbcWmiKyAXZJxpGZYS1zoB+tNSGsEGZxL22fWA3+V02Ri44Xq7Eg05BLuIpgiOkoRfbTeNuDt3Yg8xWdb57HHz6fYgoErl4hitDV/WmFiNA78U7sg7anbR9iS8P1/rBkRsIttfm0CzXlJSWB3l4UhRBEIRELyrVvfI7IGS2WnqU1nxw1OSefs75Fyd3YC11UVVPT0Feo6zHlZlPBoX7cE3VgXIsZFvOs84uQJ3chMuOS26lHuePnT58m8aeD8CXYOAVPX/0KC1IITXgxAdMVsZ/uycw5p1dlYrq8M7QTpCYSidlGCzjD7gjwbyMVvGBjJlbpIDHbizzDsrB4joBMZg6P9UMGeFEd972//3rknxKv6DB3yATwF7bRna+hzY/R8j8ey3DQUAityX/MJFQOU/6qnujCO7RqOusm2xVN5tmdKUeyvsbQYj+49bVd2PI0yFfvB1p0P2cqxoj/zs6y2WHCs4oX4n7f9A03jP0OWJk3ky7cg+0BgbXlSW388ofuQL3rT4rPnPYTNWCXhSAFs0L8rYCks6cvPZqYcZIUX9zNL75VGoeqpgXJDFCBCBAIl7ENfglnThc/0Xtcy/r+qTtoyw1WUTU0CJrwQom12GgTRbeo8TK0avjspFrPn9oNXj4gRSbziZ0FNCi8BMdCO20CYDxSzsD8BP0cvDvZiM6mxsxZ8f5+A9xsAt9qqD7h/ccm9o47vGotfu0r5XzhppCuaurw6i4d2W/2o9mTefBEoXImlQ9JIBLBB5ezhyVP1ycKVYNd/XfClJ1UieI53EoIs3zvwEIXXg+qCJiapwz2NbmPUufa7sSblNuoVeCjuxWQ5xadMhZoAoP8ZymS0CjKF57ipWDvKH90WtbHmqqy+Dw3N+L5+fdNrB23A7jqzCBEJMbuL7/77Mnj4vISjlj4K5+4sr7sh5TAg1yMa8YfvtrfH3TqEM6ePj8xUACT90iRBcQ2NpnC3JY9w6FTSTtSl63Y4/xiIWFgYeTu7oNSdO7ciCIp7WAs0PXItN3AgOKxXccR4Yp2puuYsHW9vY3/KjCaCTFIrH09UNvx37PuE70Femces0tarOzwWBpXGa57t1ufISfjsRSaHxLrsfw71BAEB8DckU7CLIMkR492d/I+YkOvJcobw0US7YeSRRvJj4I10x9CT24f/v/Z1VxSm0dAjb/jobbs/Hc+9fo90sPxgRX2nB0ov0UP7E6kLykC/RvM9mtHbMlWrgFVrXAygNoR4W6dSjrvMTF42h/H7AVyvV5tNtpkva37rxKajE3BQIWRX8+oaussNuZ9vTq1LzL0wrmgpIvcqGIOX3qI6ySuU/YZCz5dYBkQ3tr3N8UJhU1JO+7wBrZPlRLNtTQqpA5efSPxwn0dl9aZy489VIc/7gdS3VscZYLOjk8fVmXgePmYmaW77MRCF10PrDgx/afGdPUO8cvpLR2uNvgXLunLlnd3SKS4sYl2luwHVWd034NpTPTj0X2yZsAe6J7Tha1PvSIoqaZ9DkMbps2jz+RkAt0NWGOY9gYdSXiu1UuOSGXGVIByscJ2dAF//f+H7BRKnGoTeoObSlpn2O0cO5r261T4Kfec7m/tLGvsLf+4Qf/ibt3WRrfFV7XReuNVfk0VtzwLUqOBtjWjbDmJoIkZwtovbxe/+FZJ3Bq1md6GVEzUwFQeLyXQ3VleQbxGpQoBDcJFrPtlfu4FoYaaPk/I6hzj1A/Mvhad4kpt7bvsaUIapotYpOIw6rSSN36Z6ciDZV6sp8PcoyavnfmgvlmXJ2TdH31OO/kWaKOYGE1H/PBWjMwM6Myys0l8OZn2lc4T8gR94c7bZq4tp8tV35B8G8czKjgYBiXmVa9yL34i1LrCqTNKv2SfjWN1sjdv3dnjuTNzDZQygYSmXcf8lzP0WX2TgcvAbd9NE6nMTkscF2lmSyU04IMUiEH618BvNsPXl+P8Xmk2fXRJ1YQ+q9X77X8PUviGDyW5AZ1GI/P/F4xA/mWkcs2J/36/NUWMwgMLc34Oq2/fZV+wHVg1sYsIK1bPmUzSOyd7eWL0Via5p9uHXAeSmpAXWv+1vsvF/uMranpQtPv/IkKhIhEEEpISJEdW6oWuyaytz0peZa9Mdzj8tKsRCWaqTQxP/RBOas5kNxjvvAO9ynYiHYRhoKnzITySEWAnAsZk2L8rNZaUFqdXSILMK4s8rz3Aap42niuepWmXqLyuzKbHD7upATt0V4T6yhW+obFkJDkKiaBTsHX6+fVqT4Vv2DmmtE68NlUOUJ02T8cT/dLjxrxysIzQEPfwPcAkT9kipDtHBq+rydJ2vLt8crOrune4y7vupHKbkOgqSXVHLezJZS+pVnKTe3YRuy3/sby+8Y7cMx96MPeDovu+DihqC1GND2oKO87eOLa8ik872V4W1RrL7M8Y13CorokeUZsXrsgA2x0b7ua/p1vsh07UyU6nD8ECFeWkTvVTVb+iXNk96GQUOcyu/R4PAmYas/3zgeUl2iQ1izgIvLjdxMCmMYF4YKGpUPilALpdwVATX/Gc59MzrI+rLQnCznkAxerHFpbE7FjF3ROxes1lsRvu1rQC0wkkMHphtsNdguwLyi0VCcc0JKZ20BMTrIYwdx6ixrCUy6SkhH0XsDuae347JjELX+Lc/gnHQ3vPF8b7vLuzhb3qfOWuyNQcrgM6zdb0p34qcY669EUrA9mTTPl/kTR2yC77TmudoFUicA2pQ93xIpDaYrADO7Xu5wc/jfR4HNA9/re5x6ECBTn39XGtCbl0ia6NS1JeGFy9NsEKP6gDZxWGxWFPrxZVVDDIdwo8tQMVtfQFf1k3MpgDqClf0tnWmsdQ1B4Su/FkW0Pb2SPBp7TLtJZS63vjj3++lDsJP04gWtd2AtMYuKU6zJk5MDc2HEef5lul5BABergfg9aQQzlc0hBmX2ZKRLX9OSkfZEaIWjHK4LakkPf//wmhL6nsd92zuvNe5vq5fi9ZwBw65TsyC8rkNVO7TJ8/yTBYP7rvAu6ECcJa5vbGaLIg+/2bqzmwxcePdjxuyfr4X2XGjqlBEZr8NMh4UVm+M3id8yqZbOCofnGXOgMSs4iQe+9dudOL7h9YQIDxoeudZvCwSlUvPhigC7yugO44X6A4MtelxuuCS1kdQH+0MoK5NXvrnDpk4670q4zsC1IwKUyQZl/wFum7Qjaqecgw83E5bcomsVZA1yAqXB9VgYox9wqdUvhudrAfNlNuW5jhSDuwBaGODwEfcdWPvNVDaypaKi+LWdSiBNnutwdKWAhp/eymmPMfXIds2ItWe76a1d5QsDrfuq3Z3HDuf1hZUjv134WOJe1BUEaKendHjeWLmXfHYriEIHLuLpThgzkuHa+7u2/5wYA3V/U4nw2EqrjGAE8bj3ifTfS2mSYaUTrcS2lYY3gTt3P9FG+U0g90ak3NVmsIBSVtEw/Htuehhqth1XLde1ug7T+V9SdchlbaNvPrZ6WIBtbbA1m7CxOorMviyubail2hYA10vtyt/yoT3XJqU1HLh66B8x+rnGE3tork+NXK/2RhzNea2Zrx8ZLWx/c6hl6LE2rZoV1R1VenultmRpRA5wvsMoaAzpAQ6AxxFVu+xDeXfA068bQv2UuGj/WiH8IxuUdZRwXMXtHcvsnf8974XYqZnSnyz6/t5icRYvlVSVVZsQ2cCG92KMk7hVp/rrK4ruUagEnpK0BnJOhgXBTczdrkjeOYIHyrb/zVcNFAGTiAwbSLmB8/vsxZeOVNF49wz3zMVsXprkwlfUOPX1JvvnLJQGcGsSXQNdhqdkgLg60K8mSMTfqNm8+KezQP+jrHaq0TQ0N5uQ0tUaxGlY83/j5nhf7zSD9OHAEdH0o4hKcl+aOfZFRCThTKI89VkzG5+T+wdTFoXSqVmZ08Ozp2s1bWcGfdhVbpixByQPihcXwiUMPHiUkqkYut/W6feFHHaa2ecdyQwzifSOEdSYYkESjS0oGOxGVk2fMLFQbjqXqNrVZONgdwXLZiwkEIUZid33acWTCeGlwk0cemlNSLkaJLIB5i5ubv/PKzYpy4gmrFys9eELyvobDDVrCiGH2/zGLNf+hGPX9m5XYLXhaKxZrCwwIDK9BTmx+BmFmyWoF0oR1WHBDe/VOMWqNZWIEoCLQpWIUosNOdhjoFzB/Sbg39wRq2vxEKkzb+wBLroF5TtxaalzegVDgaLODEQGwyoYC3ZiSgn/4nMDSJgL7/fw0CYqeNsY/psA118cMY+h/UHLx41J6Tj8g2tzaVuP1jGmQcM7IHE40zxLBXXWnDyTiQZu5tyvIHvCyCsdXEezZ8m0SfnWSXbc+3LIN4O9o28evUGLkrBjtQZ0z2ItyA4qTcfbyM+6ekohC5uy2yMz5ilx2D03aw16rHqTgG0ErYkUc7PdNLYnyML+63WTY+H6k/MQwaOp0ahkFHp9vw4CwFGpGLeITqqBTfaVyIMi6DlKGN6VCWMWQrH3XmpJ8Y/mJMXjqwtqavZZBGVI3nAeByqCAmXilwq3szpmvaK+k2HJgYX7grB28nbUvmsmr6eH1JWT5eNDsnetuMksbiVmdl9Yn6TmdJyezFgGwW5HAqgQTPPKhnHqrJNStp1ng0CaAObQu2FRRUrANUBWdfZWEh9xfK2j+pM2CzHNboiuf7K1o2dlQzSBWfK8bXVloUj988PHPmzc2JXBDFgAZphmwLAYBtt/se9w401pp+r6G3NKzQe76GqQHp7xAB0LhPWSFriAtarDFBAI+AziFNIFH9ox+WvbzsDcCcPhumP2E2TgZg+Y33VzP8KXHEV9jPQOHfJYIevXB7M/XcPfDarITCqsL/Emcf/uv+5u3I0ZBrAnGFzzTxb6m5nypWTDf9RnXXNsP/kRyr/unztk1wDoEI9bw7yOnKiNIP0V8PlJwedrt+QIlQzev6jmwCyU+KQPwkb5PMBhHcQJqgTym/1FvqzLNK/kNLGv7Os3S05+pvUqBNCB+XZvXm/VUU62VD5Na7T55sHWqIfMm6inrzPu0ADqz5ih5Go2+bjP+zDEu5TXY8AWT+jMMdyw/30xLnGo8hoN9oE7sxTjR569Wr5pMrboqmgTfD9zVbDdoMWiUmHUkxdVNYNl9UMzNcOK2m1agOYinIcRNRW9yj5Izf12HpEXO7qXuqnzafaXna3LHPpi18/kBTiqF1kn2TueleO48de/ftd7W52X2uyhQI7iRCX5bhjtN7hc59Qg46F1Q4PT6KJiUiHBEtR+2/wPl7bjp6t2DGM2HTFnE2iQXSnJAjFPrYg9W+IRFAeXmYZL1b1GvwJUCxqonONdJ14Buk6+O12Lk2uaJcfW2JXJxBupGuxLjRC06HKLC28QMWmczv0u5VmcTfd9ue/uXUnPo98YGmoV2ce1zd8qz31Llu1+hqVMKiyH3/u67s3iPFxuu/rjczl8pMMI81/kOz64fQB0rAJ+jqVBSBSF0G2wIL8SaZT5TCNftBRwBsY3YCGaMh0hPY9KX0t/VLERo5UKxNaq66bxbV+pJilTskJvunNv/GuFspFNDA5RNbSl7NnvMyxuIOiKDQnxquiiNOsntPTnz6PHPTi+pGKw2DZsq8rVMWRatgTv1lCi9GBMdp4I38CQbaRJE/RiSZ5MQ0CDjX2RFIBRtPzgYnwlnNnhp6Frb47vb5U/dmdeREcuMc83o3Kam0V0F2q72kPlVE1XmtABLkFbVhmPWFqiqDNENgUmYyAB8fEDxIIUeTcZYqSXM4BDAMRE2zH+pvle8wSt0yF+tF2yXaArY+vCcURwKMkd5Jlh7VD8Sjr8LjNt/SS5S2R/aoKdjh9zSJmv59dIYm1w3nQRBdJDNAmNF2B01sHUpcCAKKXnrhvHTTCxGCLAoAjYKo9S3PpgMANIVO4jplfEPfL8ezIOxXMc1vMd+3Bw2BRlIGkcf6fxundGvYMbJCdcaA9SfWHnF+pHOmTui1c0C6IjydPHEH082+J68tvJo57TDNpcyOfv2IUWvMI5gmcjzYNP9ngPpkgL8+Pf+r+UNfns36Hn1EHz+e7iv6tWV2+svmcVCOWpx2tbz/HbbwlLZTuIldHfv+y/I+RosJnLFBRBhXo6hJaBLwS4fZ+7pNuPeVaubVi0xFKejc+2v07YORkbGf0D/Azwd+4dRsYWnwHvB+v+U5VLNMZEZQ645kDvDOXelc7bzhgBozmjWCoWyv7/duU5DQ/KcymSj9+5ytblVAYfULb201v7ydsfWpcQyIV18yNsNEt3PV3j9aDW+uDd48hONS/ZSuMI4eNKxKZ8TPk15eC4epplNr7OSItwnjRZzM1BxCfmYOibqLRVEd/1BQ7O1dm+G9UJQ0wkSD/u2cIP5CZ/BmgLv3pvt/Hz4cXmg/a0ydjdLHeJhyVuZztyOHj9nucKqSKeL9e3WT6IX6Arb1ktDIRObEh09yITZgB8NbUBXv/6sepf6sXfYD9emUoE+1qekYC2Ao8dSuZ98LhE4H4Ojhe9V73pqZjnN3G9HPKr6pPPdgpSFDG9rXRJdaRDVtfajrj3hnr85FP6Jx1hIxSUjvkHYJhiFtWl0n39fahtlV/qLDObnvG0z6LB39mPa4EjNL8NydsiV+S08IOCJAPS3Vi4MQH5D0YyO2LW6Uw1ssyC5orcmRL7zO8T+TCKvPq0MEEpeOgIdExWX29v/B4kT5/sYjz18YP6w5+PJ1DX7DpcaoZrcYvinMMKYOfz078K5DoXr23QxPV+vEeh+TC1eO40idaoMJN55msuaulZxYY+Nbbzy+GfPDmXXiS18dyHu3EdAVN4WcJO3re+g6m/8hCEwDQp+YOfd24of5urgtt/sern506RKLyEfa/uccaG6liQc/WP8J46GlpYDdff1sZ1XsxfzRwlDJxrpAdHtpbGRnXORl4oDiAXD18Y/WHc9ZybgQ/CbUvcktT6es5c5GteqOSP5Rj+yvTUJAixXUX0pVEhMJmPSoroDjTcezR+83naF7BB07zSl8zO8u6TkffP5cEO0cjUyeBKk+AFW9ANdfADQLApKQBFD68t62lz/DG7X9tFc671mdiS2iBXhkpvcSTTjYIqzZi4pA/Wu8ccM+6v4X+Kor64ba8zZDKGbFj6XYV/DlR983lWdl3M0+8j7bjBzwvLk9WkXedO3oR9jFE8hd1Q+Lz4c/SDtDv5+8WSLCLRwTX9+Gi6gavIo0zUqNvrI7QyMnwrZkz4TjFylp9Ec8T4RL7Ekur3iYHkbqulTfBX/UaCvwIjUEJUVfYPwxDWHmM2m984J9qusWdL+WjPCawt6njtTvD5mQOFfSK8p6k3GJosFzxI9S0pgvE3sMUqMjMizyNEuiTeV2V6sGVSLa13uKq/JFmyX3k+ktI2nc81eKq7vAXMaH+19ICmI2eIm02ZBlGxVGxcPppV8+6IqpCvbN189w2xeDm4Gvtt7ZXvh7+07GkbeROm5t2vVHtkZfLPV3Vin7NioEXarM3JKsO3S0B6WMscDImqqx46/KEqOPBasPWzWYP6bFkMr4ZP+qeBu0Q7GJbsQhpqlQe8J6SoHZeFJpAK7sjR8MqSiXfdxsBCna+WsWZvdQrXrqNXjp3C/1Xr0EQkDvq+Vx31aCtner/WMhnmj5/PC9lunDls6PXY3MjCzn/FvuvfSHTX0gTOeSvZHqTvJzAv4pJWxe97234AO2rW3JNM3FmlPXq6ZTQevq1HaKbUW5xw0tm2GVk8oIB4ov4WbWE2NXWwPtdebDb8A9mdV7xXTNfPDihixntni2H+kH2eJNxehEq2259lPj2pQIseC09+dJbTF+8T+l6Bz2tc8ywSvutDewXpn+T+eF/e2dbfwbR+snDGL6Qx5vhiAKCELnRnojNInyGxB+8EZsXse9t/Qg0OGEIMnNIjBoA5KKeLUnTs14rjF8K+/v4LkSX5URVs7N0050rbcQFaACDj9uPFaQ0ZztMZtlxvDEDVZn5zbXHP4FcmCGsVq2O+RRfYze/OTuguD/j1kzJCF/7WnTp3vsibPPq/0Y5FEVfyTKOc4Mc9xdpNZSYmH9sYqpPwk1rwhbV0AYhFJ4QqHdjWdS7fQHR0cNByvClf8iVLsvnSy0XGOhWDoJWe7vmxQHJheWFdwpIGiGtynWaTNBZx8+xG6UaCbC+1IrH76lrSDtglsERr0345qru7j/dppsnViGqd5haeMLovEkl++TzDNuH9Rqm/mV3vLT0p4Inqq9jdHGg58KU15+bi5pjslpjwkrgOp0FIRJznVcUFlf21xc3WvxvCP67eAtxvH3mzYYSPduXGy9INon0RAGE2Vyc7Qe7FDtbRc3Ogy3khB+K8Hh/tQGpQWlb87hBQXIR1pJDrNTGwznV7JKNryuzv7huh4lulNngrqQVbKRNNmiN/MjpYzzL8Dc4Ry93zIVikDyV4Qg+UvtanPtqcsWyY6T150bV20KAuqmB67TDyxvVLkijPUzqS0tg43XQE6jBYlpz8UrNBrcTKMuTHGx3Knby6nHGg0U4rV/CRIj0eQeH6tI0jiJCiYHpgcGaxEakirAQiWdedbcvs0gbvJupK72KErdvF9duR+1pX/8LkU7QJmv2/64WR1rneogszTZa+OxY+8eezPrdPBk9jFVjg7DlvOyeZKf0J92quhjD+UrZ1YwNerr939/f+qk2dgLy7j7jTSZ0fW8o2C9Fk4qmFv5jXyxkFhdNHr07xdliT/i7y0BH6Qg6o+Ri12K2tKUTZ6yVQGhPVfurfvt49Kr5bh/LgXxj2TFLdcUHb0TdTb2RMS1InCJAeHk2W6kAPZLCd4zFj+4CeD6QBFlt/2RTkvp9S/NA3jIrUTRSld6V2XhrAtaLw23uP8sELTWkktc8vs/3ykQFojW8oeBS2Mm5PDShbFFwiKBbCHEeKvSmqawnGvPotIu1eXmoefReRnJpMSahIzM9liUvwjZnf9oJbyq+gs5lRWXer3yvCY0BX38RYHi5gtJMr1GLKX4EbB9TTA0DEiBkPYTioadaYE/OK1UlV65adg7PQe800rmeBZiJc1p9zbK1t0U7yjO+P9zQ7OqDZu6d2AmJydp6G3wDVsm79U4BGfRU45ZeqfBxmMKM4P0CViQBXSQ5PQRbMDlu79j7XeW7bx1nZhpPcTAL0nOQkVb5s+xY+PNp2Bfyl5TyjJVTSUW/SXjrG0+nY4prAEeQ52gyEwSFrwuyOaoBAiIaYyDFV6mY1mo5fzn5VFDZ+ly5VcuJF2lI6mZsXIvyljHdYXMClgG6LaIABEddoYDi7zcSqMWIxzod8qah9UY1p/CZK6iQSw2toYtDlrrdps8MO8YTrgjHiMeQ7rbI8w1dJIOU17EBcgo7Ti7371KObTUnHxCvybSA0RCAEmOzxUu0mKlRMVLwYJwyDMLtvGi7oS4o7jzm85L7lLddFnFexN11efa1Y7h9GGnTizy0YnDtcuu0LgvuKKClmxGml+oSKislVnckNecU8n/S60MDCemm54PUhAVABRQELXC5a6LAECKggazBLw2XrrZfP1odpFgJZ2Zrp9ONL40t70wKu78rVww4b3I6sJNSKluU7TxwRUiubCPukY3AXbSOILoDBNbuXtyVasZaGSw993l5JLllxKFxP48lMLnyCiGx9dUTVvuz7FjV5sb3cNX5nPeU+DJZPELPtyf8QQ82ye85dK8thvR8efIeWBsWIdCu9u5EveFq10f0AXFozpjpXSu9VBplM6jUbpO3c1ftxa8TtdX+J0AAnD2n7Ov5KJsNbsULobcay6GDRja/1k/2uGu3/i4qKXs21fXsQ3LzZamS+8dLTTtroOolarASJC7P9uk5HXFvNqSSAC6oNALQkrLbyeT044mJh6mLiP6+L829W16rNsy9Ke2lk1Ww2U2/R8LxJfZvMgsVtXOscrp+uMHbvdu4bruvJ7w8Hlejarz2APH+0hhWSZ7OjRDvyovHk8LxxPRUx/+vNQxbQ/ViXpp9bwhSehvevR49EOmtwDOgBkk8Y1+wJYTPoPc7a8aMt6Tu6/oPmusRvaRMzATceSeKHlOZeHuVkr4P0atjKZz6P5ieVZ/dcrGM8yyE/JHz2SakZPxwREvUkeaL74+cSLzbtVIfvJHcISARLm8RtLYLhxmSbOLQjICKJfKv1pcel3MeOC+nVZtD/TvNH4cs2prc5Dlf5P4KHVtD7Dum8lUovSwr9Ffu8pp6TYPOm8HmRAwd7RfpY5pHzMpUptkrEL3FEzpKnlth34CudfnaCrFv9w2LjBZpVzVd4Wku+s/0N4x9Y0L7nxEXV9UPDBOa1WcctuwWGUuqtI1cPWI/BSLafSxv2SFyv4vo0atlIZ90lFyJqq4zhWWhd3b5cbyw8b5hWT50fvbhLRfXylrg1oiVPErLklYX0JWvJ2FPy9Ue6gqO630oWYitlbrqfHcJ7Y5KDNQ+5mrpKLG3rAEFIrJ7PblspjjvWu9nZnr280kJQ6OgCQDcgCIuy0yZkObmvQnwex/coXSz1os8HnU/A9nKpvt+PgL83byZ32qqw74MM/6XBgrUlBOz/6H/oQKJJz9PAQ7RR4XB5LG/PTyqOEB6bCDNXaOfAQkqhGVLn0DD+/MwUbYPHUMtfqCTgNDBqTbbNGkRoa+osvg/6RiI2mR7XQpd+CnXbnksYtbj4hAjQDvo+Ds2I+z+pF+2hqNiBBZLvosd1avNl+5rg5E1Dk5zh+epKtBgj8OvmUj30Fjgrk54Q0sTZDNf9shz9M1QcdxrNmQ0zvib1m0XyOSjAIG24nMH2CGFAR/LFlUYs+HJcTMBhx/FZTyfDva5i9Mxmbo+TGlzFtvtFKmpAwdbKHWxmyKVm94x3S6ecYOh/lPGhcfZdxBNwFWmzoCwOFzR3HPczuUEEIpSDqQ3IpA3KYjJDEKQgKAwDbeFEz/AAQic1sN3NSoi9DFZcjWdzgsWY2wzeqHbe4Z+Pr6RfDEF3xC8CIOfNSq0axUkC4ImR1Prk5metj64tIayCpqGlND9Dc6HPkynduAth/RaN9ijwsZdtNOSixPSo9PZjL8IoKNH9nVm9V/yU4LRF2Gslqy3bmgIOTF2qgygHiYjvwrjVPf/AJZtVNbjaK6ZkWkVc+G834voUnmIG9Po4zTgU7P68wqsxs6BlVdue3HVkan4S1UpSJBIDQhv0yUPCOjSw9A/ZSIZ4vYeorwZlNzT6JzlifocHTRfHSWMEMi7uUAM8fE+AT3ciIQM2eJj0jLlc7Vtk7ZC524L072HMJd4kiKgBkgoeMuobxPoqyARMoOErzJQypQEqN7HBWxToqFd2B/h4VgAE7YMBs0aXVBpUZN3GOO+Vqy/TXzMVpD8mGtvEU+Q2G/3uJy2vnSGpujxzuPhXbHrtOQYoLU3/1iLomvE/NTbNFYBviPi5xSIwcXwBKNnMP+Wl85tdPaqCfaR5FBbeAlvvpLlEtM+krITQ52aEFxc4Jgde65w16vwoM5lzJaqkcymuQgcX+GwN1+vHDcflR6FvFlgbFT1EmjZcrJY4TyN2ZUTL99tNNOcH6GlkYeDzle8c3s/QfSrmI5vAUed01dHS5vp4qoPGuAwkXpl+HCZeEeBid6YeOx+emq9/ZO1xm/TZhjbS41uQd+2AVw3gnzbMXdLSMa2g9g1/1r00yYKQr53h/m+2BG/j3t16WNqTLP+k3N/uWcR39VXhi5AxMfLI768UHpI86hba+R+FVZZzdKHAbnLJC7nR/eJW5eL8IQ95dq46+yZGXvuF/IbWzn+fTgVVI1xixhv0RCVNSUPsgyqGdeuxrTjtOZWvif5IZoY+Yub71otV8ahsVsHzaHoUcibey27Nh89afP7lSceR2KbhnnyF6Dg7VjqKci/eu4yftbQEqbYYMDIzpDDOLoXrn3tOXPG8+vG366fTuDgEcsjNZsExu8SV/+hICAF3UQ4ZLcXuDemycxsvxfiJ1VPotd/1rvUf8AkMqkV4HgvDQb3pjXCNGYDfujJNVHfBAcLeAljo+HXRsLu77w/4rCDMP9UU9Ieqf0B+nuS97AMRvfMHPRPfgncmdYUffcv9VnZ7q7LX1UstP9MDe3hWhqBnb3aylihWHS4UZ94m8HdMN1L/a6i1K1QXL5pRqN62Y81+DeSvpILPGuI5rW9CkJ5MixG1erSl9yyD4a8sINpsmtj+ZhEmmkoi7JmMOPGpX518Kvg6F6SjMqD05NlYc/RFy4XrvbSa/aWdzNHYF08USS3ahIEAgF52RdE/b4UUYvJ3wpFwqXY0lHsnfaU+8+q55c/N+wYFGj6/P6pPxIMq09KGgkqag5vbo27L0opnme5vT4WQcWXQTDlwFdL+iL9MsvpCRhgCQnWoWuWUCTlCEbvZZ8Eg8XAVheRXwKHTTgioZYhj9Dd/1Y/mHUX2b+8/nmvSIZD2+2Ul+GBY+oSFNgvMNSPx+xDD9UsuEZ9/oh1fvccSQIAGIafP0KLfadtmTJm+O6mm867pY63xA9wQmpVhvRCMUswhW4pgCsARqsAQ2GxRWVactFvWMMgwY0DvpfECuD9hx7vj3dfra+VWqhT5Xe3gMa/wOAZoIGyASh/yN8Mb4dTLInGGMzFRSpx8Z620BaAfyYqL1/f+cbENyJ+/zTo8ImBSutBfm/mG/fQif5BaJW2NU6+fshsJP7eHAVWphndr67nHKLdaDRv1rwsLdtZLx1hdmtuKuknbmh5LZY6wX3JwNSrb1DnzBdSKvUw/I1NVxrxwIjkHRwCI4mpGmIGLt0CwxYyvhB1ZyGJenMRXmbgHk8qT+afD+tLGp06EoqnAQ3d/0/rybNXtTXeDvTDaYf+pwd022jWw72t7hsZ3DOsJQy9n/EEwD3f6GzCvCJYn98h18nXjazyHP16ZeTNyzhWpc1j7Dvd3zB3IboSlKSTkEFQ7ul1Wzg0cldZl0v3iRxEqMepRaR5/rjk4rupvBHIW5z5iNOCsD2dcZCCchRAAs7pXGwQ8bf33WjVRzUQspZhFkXqWxwY0vzX7gE5ZU/cJXMNpW8qh9wGqpb/uZvkYtQPlsUikAK1DLEPW9wJ3nfB4AGl9adfR6cmsYNjjoLl0DXtwF5c27tYxZUQDmv51QTrweUQ8U4C3YgfCJ8PznMT4zeuefaoRPrjxlZfl+GK/o7Oj4r3Y7DkBK1r1cydFpazAZ61dZmD4bfJnESoh5SxGRef1xS4UyKYCwuNvMBJ6U4Ic8EP9X7oRgaMS+lN7dqz6uKVqsg8FDPedeYyUtOwxaXeTHNx6KyEAzn5gAqf2Dm3Syb6ZAxYxRhEal2UJMpFmN5L/kPXTtUD9VkY21cFfW6de7SDR49qtPTauju1W6pNf3cPvFOxGS+W2EJvjzsElR8JpfUO2JsH5p+ekgdx+I+nEHXAP9cu/C2WE+3ANoSQgtLZ7NmFWC67OXlmBsXC6+/SvQ7FtmrrudqNBI6+zJEauf+TVR8dXNg8G6WiP1wGMDB3keCT10zJAV23w+OW1wfZFQWeNwzKSX0sPx65OHcEF8BKjz1DGgiEPsMa4G/MjoLcyA0GZcIDO+gHk4vuSHvoPU/LSd29eB0TsWpXRQL/t2YwoGmyqMlDsE10jmrWGHVN3R0NQNVcW2JWlf4KS007Uj4TfEHcjw/jpen0ysHHrrO5JSfsoHEmRqpzyguvPPZj4ZPLtmBrBi7dEW+gj4X48EZyTl/Sll2wCspJIRJX4Crr62Ut7crp3kmEujpEHdUli8s1j1iwc9WfuD4xyMqk94akeIm4zpk5gLSymt8P3z5wiDgGV4AidLCft5jYfHnQQbcS2SA2ORJ2BmxWGSE3O/+f1gEtiISibaSeSWLFOwsVu2blsDa09Jz6hfrZ55mjyW0bn9LcQ2jIC6s/66m+gvWk0BcQWsKrQWkSCblh9NaCUZKzZbBSzWLz7zun7HFRM8wVbWuA7/jWtqL66YGJ0TnSiqd6remBMsek9M+3pvdKHla8reOXNOrzGzsl7pjiscU5v2wPnLk8SzyySJa0+ndEfQLdu/WYkq+7upb+zV2+G8/W7GICYOa7TZWnf8NmAs05Wvwz1o+//ox2s68WHXZczKK4iC4VQ7jflYQxKaFzhqDZh5rJot6m9UG4nBEXEN7rKHBTsbXouJCKANtlfX3O51CQ/5z3DwmffDc9cHK3idPz7j/sykn76/vGeLks5pezvOD58i6hXmH/l8ZMtpTU3+vI/QEJOjGJM3gTIUOo61CW66ZRlM4XaXdxqjSUWiBXYxkEFjEZwK0KyLkec68QPoTCF0j/4zShdDAmLmnmOggCEUD3vyb9wbQ4RfDLuIMnIGG7bnYK1OXL09dicu9JYor+bcuK+Ku5E7ZixZcGYi4VXaeX3Qr4nzzmi8DF6cCESAwHUl51wcs5AU9z20mqp4m1kEFK5N8ER9ezRfE65NMduA8ttlsZDOd8TiBRRgSgehGxO+CiX6JwoxPw8cEFCUejvS7EdkFm3xwjYTAOMJCOhKwoNH/RHCekqufAnWR0LRay8F6fVGEQHF8BQKr2ophmAyi1v45FQfmsMGIobh8mSwPJIq7kA1X8dq0KPJ7lnxPcvaE9hmlJYKELgDhFVLwk4AXHwxGJzvoGtndgunzVYTUAtit8DE8HMBpdQ5QJr8+YuQtU3jLVte3KNDrLVPcKSDoD05rgzgSje5pi7obAVjt5vP4h8TdFylwpCC4ij++0NQQQ1wo29MPOwfmIFdHR/DlBU7zBQJ3AALwtqvmndOShjHtLU5+dzAkCY9NSuTpS0zE4hOTtNPlXOWALVHWa2ypoBQmt9jtoB+zIOf1xGrJzzroZ9g9PhFRuMMRFh5egcL1MXyJ2gvPOmOv23v8PDPgcOSUdySUtz7tlS9tAswHiPd4h5TaOzw6EEk1dz8eKFp3mY+NyawC7/PRWGQkTN+RkPR1qbA+Ksj+j6hV57NakpVFzVMh2bW9QP6YcuRPjED2l+R6usPiQ1ZgFXEHgMAeAsD2HdsyAcnu8QgewCoZR+kgOjg22GJszywOGkaBNMFUnSBhfBCa5sjvzwFdnqI4fOlTQH3mkIMedlAOWUM02KSQut3xk5Pxmj11DCLTjM/ELq7toyvX1CjT6QiYm25Wd+SK97JxshkuhBAcwN1UvLmN8uvO74vFmq57fTFBjuZl4G4TXifVaGnREuE5vF4EmnsSa15PBrUJWjV4DZYsMX/XPnl6OtkQNEBj8tbdZJB8t9EAZDMUvhHoqcDfTBtSVMesaZXym9po1xav3B5VSv+uzL6fGhXUeepUZ1AQg/wuJii7PRV75nsvaeHo+yvXaPJtlfJR77DNvNb7K4Vfhk24k3YpKutiivLZuhWjX3MsW7H91eAZXJ0deaEh91zdx5BiEzsXK4/dB42aweVTwpvlH2IB9a3aGE8VUP5S5lSygGzP/YFzSwKOJRYdVLbopOZFk7O9/XeE04IMah1lj8g/10TdFWPmnI8HIlBGjsj2+sMNlCCmAn75FqL8lG77maIL4CoSBCyy/TiQwZw9uT1wELmA4ivY05KwdSpKb5Hie9du792oP+Er5DUGamSOAng+t0MWr7hhJPCanq6/AGRgk1H+EmMO7EWCQC69k55Jyeykp5skX3wyUnHkXBJF7PUeCFEBm5ewOreLpTo6ux90N/fQ8msy5YSp6tdvj/6VaijYe5WidLkkFfSF2OS5+Pi55GQGyZ1sjjNpKrykJFzaL4DZFcPb+JqQo1nd505VNv3W87sCM9hOS/Dz/WCUvXxhYujF1SuDvpvz8F8064sVAg4dIWj3zHT2BRtuUrmPwda3X/2vNPEt+6EgLabw1Z4r5LcLcjLbhVxBVueXdG4ngEgB9QpKV8p1dQlwcgLe1SlAqts1AAO2UbV6HjUzCLGM6IznqiZut8zPM7gCIYslFgM16Fmt2UQ931/XsufyCFS6X/08HkAAvF8xEt16ywRdYHT5yOWfk3ueg1BqtlRccqpSJlLgaVVVAbaSt4eyeOzTIlyQsjADb6wdcBjdxayruvo+Str6V0LFu/Zl5aBKxlNzeUHoBJbfd8nioawM9oAIG3CsIIdoDPnoqmKKCsZfRBx9b6CugzlEySoJsJW9vZTpTBaSmdn5OIespw35jtE5wL6g6Pgrk0RyQvi1p8fUk0h/y7ob127UrpU2134TKRu7/84gEVy9/dPbEf6uJMJfZR3N3wqV38oalWu/alM6rKgR1dURVHZvpI9PmH/0zz1o0gzGpyuSTa2OiKjNQdFoEbW1ETRWZyTGZwZN6ulEhf3w8emJZNFqIyKqgYcoytEwgyOMrtVte35MlHx5Xwzc6EUw/JpHx/qwHT3fjxL+az1m9+HhqH7nHq9w1jFH84H3L7LPFITdE8Dl7tfjCrm8vyvM5ExUAUHSlQCSQCMSC8CcZc0795rf5n1QQOPr4joW4mJ5DvAQgA1wGFAx0wCCgQENDm6VPNO8HzkabGz8yI+5YeuNJdDTXfywhpifMrS3uJuTpGP9HAZBAuKvzL099J1OSWBugwdTTwMfHDicn3/2SIgG4Ch0XDF7tqAR1135r38C6c2bsMS3S54JsevANeiM27XwDB/XUbOeySb/41X8tajuH2gARn+1m5+TpTbGrc876oWTuRbGpceL3gS+F9WuQT1E9VEDPW3Q0sGcVj/Yo4P5MJusJ6JHmY/ATn4l+3pTff18xaktVZt5Oz2gxAQajZyBN50yJuQ/r1OnDPtn1GWPzagglgEticgGXnUVV5RRYxGevTku1A+bTAIbMADokOdN0PDgo8XSvhWj1Y13qvcK64rhwZAxif/bvEmBUHqnqUl6SyiQTQBLbaX2qSzn9+bmnN+fZtYOrdxSoHH1D2XlMHPqr3d0K28IQkqYm+NmNtPe3wGUAHi9BuYBlTLp2d92/BT9rtxSqCw2D4aYzG+S8GyS3hIKpbfrVbIpgUA2CSyjlWkprd9V/N8fXz0qnsvOf9OFma+sP1NMExD9JowI+a9V1xMNBNUtvIy6dmDtgy5e1EJUdVc1s/5cU7FH5JYc+85z06bp0ijguGL4VZU5Z8IyVohj8hQ8wbzB5uCmVMGZ3//9+e13pQTM3GByHPNQ+8YLu1jZeVVM/GqSXQTbaFLSPNAhz2mjtSOOx2fuyLXr5tO1UvHuT4B5eI+5VYTIYd5VNapUOfSXAN3qXF3puJMzxktFpweQjPZHGyMZ+FEw2o7+4T8VlRAHtu0ko0hWEtfzTBMETqphJSfXJhtHGphHdiTzqvsudg/OK1iJSWRmYh5NOlNNi0+lUNIFLFFS6cMOrVGAWlvC6qel/N9VKgbJXW2iqnqFivtNKsWsUIicqgn8BpJkoCMen0QTgmuKi/tWoGtLFX+vuCYfJCJAdXstZXjlUFwhhuBI9Srjuh2hwSRveE2hVgmbO6KZR1YxaHavzyAH3roHykvZ8cALfmErLviH0UIysMjYlj0D1kbe89WrrcNDr47DjswaajcM0XKCkPvRGNKWPkuFeVkNt/J5x9m+GSXYR0AXB+GI9XDd9kWoXZNzxalsff/VSmp1V/WX8WVwNhqzBGe+4kRSZtNVr9lsfgGToigASB+1YKMLyxyUQJFNkFOUEGCDDlsF4LP/oP/6Mz70B131h6/jZ4cm5SZJUGIwmfY07fW2PzZayHymYV5LMFv/gPRHO/2VBNt6PTal6cI9NEgq2jiBItsIzaGYVe0v2BdWXQjSE5CqsNHAgIK1GhLWBLrRwqJikIGt4uHF10oHjRyU8NUeunJe2vbu52mOlUo/fb+l/gpM54LPMi4P5h2fznEBMgmqsbakqBRpCO1IMpsryWTM9f3LGxj4MUwV1k93VWm9RQcNgr3RavYCvfDEumTNevdjcbyceg6Z3M6RxbfH8+pY5JCCBDa7lrWeNLcuNL/tfqR44gurkKs8wtkCqcWq2njsgvaXUUBXuqC2kiCgnup+9fLcQhMW0mYHATrRKluMI14xvt5dmsbNqa/g8o7LMytD6HctnYVg0NWeBeEpvMmCawm887n5gitPOGCftir9hV+p86Q/xuGXUz0Tv44r3Bjf7C6kMeqb/hhFG0WMMnnZl+O5Z9KHdVZG6nmNlWx24xFeTkslJEMnsuoI0NeGLQIM0s9QDFlNmkCIs3ptMbK4JY6tGiqDQTjGsiZ2VHbtHbJYDAB7VRS7rCnJGJK/RX2WGydp+TmysiWnNZtCaRXk5DQLKOQGPv8AuzQ1hFiawmbJU4jEihRg5b+O39I8id7/tq/nyurQ+vL5LceLqDRl4+cJtAFplJX54m4wU5A7Os+p6s081lXfsSOZma1KSAyEc0wC9G8ZLYV35F+aQSckGR/0amw/jEiCIhkzX8kAHo/8mHeq4KKQlbT1oKdKxSuQBEMnzBRcyusD96ZAVzU6+R10YJ+bwPr9OTuaQMNuISqIOcQMGgmKGgIe+OKb2+whsElbwHQbcvWpNn0GuK7ZB5N12bPz9xWvVN2WWEpn2XNHyz+bHG9x7Rc/jGQhq3qTwuuh9T3idV9O+fTEw/JbOcDfujIBv3YAufM36t8b39Y5hwLi0r7EGAKFhwzJY9BoeXHE6aZfrl6+/PJqJVdyrkX84jzESg0sM+N/eqrn/aQ0Fksc7YetpGRS66gsaYSfb0YkjVZA85tZnyu8ODT0tk/KkAg5myEZ66vLWeXf7gN61KX/FDVeqm6cnO6XqF9EP/+gDSqZ4Q8j62u56w/lM2js0lwG80gW2yvJ+dmEno33pBpm7a2NLPMmJvVHsFVJ3V9egn1G9DBNvDLWw9nwoLy57+WVzUd4+sSUEKJU8vgyBB48yGC3zU0Wtn2aZ1eypAIKRZbNZB0RQkiQyPwMoCJMVEOYaoQaPtEIrDPSYSK/IoLZ3JS9BcKB8Y+ShR+7zmZfxnOLw8j8oxwYJB9W18SI4FfcIxYr2aWJWKw8kcVSxOOxZYlJnyiCWF9fAYNCy2H4+ubEgt0COVlfQxdn4wNq85nnr7AMPsVIft2OTw/62piS6GQpn8UVyyABWKF50BsCZrkfMJ4LNkjf2aOtZnaf3O2sZmyRDZOQOV2ZlwZNEP0Ik7FXkEiz+236gX4prv9L05++BgE2luGGU8Myjs2QOC9+/Ex6SlzZjBKmhoNdsQlzJaMBRhXkpgwPZSXGSGYWjaBBTsxNj7p8Ll1cMpAeeTn9EEG7PDjpzqbTLyNvauNbat+kpQ1yZ26Fy6DUcpMjahkbThoxrRY5ecDtIwhRxNx01uVL6SVJxyOcApwDWiOSSlQsy1ci7vIIn9IeEYFo3HG1wMjSsOUkBeeEsfHEpJRaXtRcy2U5IcUlc01vIaWJQSRevpxewGkhOfqP0Y6TOJzjZCd/WHhOweU0FaEh4fLIZUQb2UmmItNzCmRbAl+RWpvCiX/9pFpOSnJtVmbOwiEoRqLV8W7bwD1CB9z/9/P/K7V0MM0tt5ZAJN+WC+oZRcANYTbYDjGwhHNLw1irWbAHNpr3Qji93MVebete4JjCrLClk9Nm3SaHR6BtDOyR+lGC648LLRd1hyN3mN5s9IxHhvWaWm4UB3GRKUisVwgVed5Q1TJc7Be5z885eJ+XF44KYGRGv4JjGJimTwNXBjTVi/dYD1/dq9aEROQkJ9NywDapn6iSTWn/8z6dljb06Omaqa/4mQonpuixWanwpDqAB63iKb19iZEhIcz5IitIsSQ7j6ORwdROR0W6ljGYDIylSUW3YP3icznF8x2zeuUn8w/6+SU4Z0BAeb9UE8Prfn7zBIf0TKqU0+t5Op8bdIDt5hMa3ZzNDZzdtx1v8EAovYYFTgPYPR/X2Dh1etKvPywP+3yIpvrVvYfji9mH0WTsSERoK2bH4gMWa3IkRBAjc9lcSl4IcOgPCpMLIToR+508Cpxpeg3D8/kCdjEjWB9YwzEPPvT1xPzQvADjxQeQADmw8JET9NFzLYk+cT4vlaCr38g5WL/4rGCVd/ApSORAt84peXVdHE33q/sPxxfHKyN9cpNpecAt9WNjfj++ORjOY69LimjhuARje2IzQTB5RX32+xGj/ChUskd3e2eGFVgJbzmZXJ9JtmT5lZj4RNZjsP7F2/8HV/1DfGQwOrNOKBdkKQXG5xm5MLvOEz2TNAOoOWh1RsB6kqxeW3DzUYRxW1ue8b1HIPDG3K5fDH2Cgk/iMONh3OL/GRzsPHsiKhgnXlYEBFwlgXprLbGZc6shL4/dDjRwQN4GBJwq2tjakQKA5tmmr9VUfoQyCDTBYlA0iPVJaLzGQUUOCVrMBjhplN9r9AUQstXUFENHwr91KEXsb7pGuWnyFYBe1K7u+PBgKioo46FvHwTl/wTleELLGBqJvAscvXeOwZfv6wYpWGl5S8u8Alja4LbYok287un35eeOO5fQvlDcQTjvPxhJJe8YKn7ggEQDiKZj35fE3EuW1ApfDGac4elX5jMTu9ACFyvBSpBJCfzG/IDXTl1Tfp54QcBx4CHocvl5LU2elmxTJU15eafnDWhfAFxA5uIDQ30FQOJnkLhXARKPaNOW6ZtQ2pgnYFWDfMbPvZ2fz5+aislna9jD9ufO2Q8Pn3OwPz+cOSpvIziobb3ocP6cQ2TK3uHcxbyeV36aPzWSe3tasNa52sAieJl8EDhTnFPvGn1BnHtuWS/OwZ+AEa8qaTHUI2JQLS0h2hq4tiIF421j7PhIoE5DOwACEoPCgNyqTgFySW0B9P4HJ6+cYpnVV+yBv1ZQY2zLXEUiXwMH53ms/HQy0P0vwLJIdDJOKzqCawo19jaY/pVRc6hfttSbQCb/HuJyg40bUU3/pKnNnwMQgAaLCroXnRdlTbwYAF0s6MCe6exUAR0xPEgFwGZo7pOo7iiNl25zwxxzjfFi0CiT6zGTNg8XTco3GY22KTvVWNX1W5JNuPA6sDEdkAoo8lcLhLkgVF3uD0EAWQcVELDC3sJK0qiQBdQUDhmZOdTe6UVuG1BfjIBXrXxRoQEbS+0ByL5x+0y9EZDDiyXrmDFNs4ul+B3aBAqQUGe7djUaRHMI0b28vHuigrwZUYgKZvIUBaK8e+MUTSUplUnG68xOZMoGBoxB6waHAC0Y2uN6Cy+xHI3whVgxx5nkScU4GYhiYAzkGyuBvWH0JW/iDz99ogG4jNHOzyf4EX3z+KJ8FAFFNJxMMsYX5CGJCgJIQJIg+OUH5nvPIy05NMTtketoSBCRMOc24u5BgJvATcIID90JCAhoSLmPhYT46A1EcZuXNJU6BX9ZVm3VEkxM+04e7cJJOaJ38jbUtPMNb+UPVw5PC3hLABXAAaF9GgAJiEGfW2t7IliFxPdegUeqy4+JtIjyFg+t+iWgS37WoIzEFDMdaNEqcJr504/fZx6WRUwcJ/MEU55AaTKYY2CBCBBj9IYnCcSdu+RJDaMpWSkJLhlZhDOxSlYjvBoj8hGCUuyn4E89ewDC7T9yx8F1SlUYFnZ80TL3k3niHlQKG9/Rp9WnIwrAX4juCYM14HeEYRsaXNFuHchwLU1gwtl6Sue63lfDBkADhz6qB7dw8wlyextCUaWSQ+j5EjyrnGrGU0MlKw1s55RVwdj62+gjzVUANAVejQVMhDZoALkA/fhiq8mO1sz5+duZO3YQ93gew3YgNHVCy5ca7YSeXhZpNN/fZfFavfUJWoLWSjiQscRiKStXVpaUgBm8RaMjw8nsIUfWr15yW+FZrh8ex58GHNa8wIAnABNk7DbDbYG2nfzqObKjwTB/X8AlFJjH64Vamo8i6+u1Et7srN2DjFf4a4YFOxpM2hh7zyi78EM4GZkOXHidxOn+68qn/aPiurKfnc5MBAA0fSMx7TmwPyVrSSK3oprlBIk2lReJ2hKWmHU2IAn2AEjJS4m0QkLwZGch64K9qz55pDzh5opJoIAdOZMVOl7vvARgi/nqwmAScOuwb6gJlz80eS+GFT4WmfdxuN7WoVK6hdSzfJD8cjQRLn9M5SAVy0+QaYrOQLcJzhJ0/jBbcGdhB9l7cFPOCCYcZQGfK7FTZqsWqsDpYouLEtHedtObYyAwmSlUjvd3bvm34e98FChg2WQPVvI9WDvpdvaPBSTS68f2dkgEAQ+6e3Zu9J551d+NdTt21DX8xu1gEPD87wZVqtGwvaqJx0bQ5e3pra10kM0mhR8C2Lz1ERYe24PlbS2QG2g3alPEnoe1C6bV8xyZPXi4ZJ0ll/C6H1q7gQNBAaweOEXQl40l4l7bMxd46wcWBYKJjrnCeLf+5nPX4KIuRlQVhffRGj2tneC7/pU9/7UFqr+V9uSW6TJW2fytIv3tcgfzLU3jptsdFhsE4Oi6NgmYXPYvOnMa4RWacYfEDl4ZfxQQffvPc1bn94ZdRXuaPtcNPvhjU9r/fMdVxkojPm+ibZw70tN4wr21LbBIAJleq1Jb2djK5cKWv7XZm+5xWizNK5+Vzt29hvEW+AJgji1h3647+fpp9Lfmuylpkz8mg1tfW0Ok7S3DnbQOakWWIydT3Nq3nMn/+cw6bOVDekxfAAJvTF8fr3TaorJFm3OvfNPf2pbClcvlY+hsOMWJCOZVF1AeXeP76EzDfsGT+9Z2tS9GldIK3snni9YrXtzoo4xGJdxKECTFTY9HZVXzvGUW0jVwil9e1bpLDu63VrRPRw9jUW9FjvuMRpRoiszIGAFwF3kID8dDmjQcHAeBbfuTpYKsN/j5bQgKi8+H56i8LHF5NfEF/QLlJnNi+9xOh3VL6BXhkANSYRvYl/IE9miVpysW9QMxp6+F224sQON2vYN9AYePX2WpbZmhsWdK/2eHkx4J+c4NnSaDeM7y16H36/arN3bGqTyjVoGiB1WP9FIbhFUdbd+oexjWj34+7G6Qss5+RAylRfhhg+LYhzMiz3ttUcdFDMbe+9s0Yc0cfH53eObR436kf7J3oqC+6x67apsE/uvXpa8sTGSMPCwGCpwCPn8WJDOsCCZdA5CCBWOaCxYrBCmYNZ51xQZBNYvPp6jm1WJHTQdp4S8JL2nhJlO8+AU1KoWvX8pAGP3KkkZHJItl6Rn3bnotxRMKvJeKC7NOFMmCrCwAGYQF6wS2E+j8lU9e1G2BfPLH5y37uoxHmsrnlKs1/YPDMo4FSDQxfHSLt8SNOu3DAp3pTt9R12Qre/JZ8FUDSJYiEMuWyw3ReR0NLdbXnmpISRkImFX2L8pSlc0nEeNwce9JeYtWpnCArDXOq52W5bCMjBgEfDFTC1MO9DuFTPsZ6s6V59fCv3whIKBi3i68lYObATNzfCG67NEzzLOyG9EFnQ0tRDympaMhL7b8SehD+dXYhSXbA9YYG1uLpVvfLjhnjfv+n8ytqtWsG9hRDO8GbDV7/+Mqzy7bqg9H2o8cRhLs8SZjptSW/FtHCrYX2zVv/+gViZ82CzSXLuR6OIazqMCfgOULf/7C5bf95/Upx9jA2HenHBKy5d9fpGkGNVyinMNYg8xneLHr7cQG8hpe57rHhtpE26Xaw7Y44MV5SUVeXhWl1CDgbgQ6Gdb+fDTSJiZUYV78On/CEBXVjgRRc275eBYq80BPowhdV9m3c5cIOnUntsXUnSaxuh8GR+tZsKLPRPoiad7JAFZ6T9hYnrJl+pPLP8hh9sE5x9jq2MUpNyxs4f2e6bvN62BmF0Yj+3amYiQ2Ok3YHd3PuWZ/lMxo1mxkSziYgd0X8F/OvOKU7W06xgKdmUSJTcTiDIEFethnp+v+2yqln6eY+6s2jN4vWVV2Dd/toLfBdEFcjwREDr9Qos81NJ3oU2aOnlocdLs6bW7FtiSQgMRrzb2dYIkrct1Wz5bnDFd2W92pT7g18xi2EehjaAACxDi9TyLPVjb+xf6bfVtnQNLGf3sh/h37LsmURYVztmZiNXxfBdPO36LT07dvhrYeugmnc4tGj51qjhMA+hVCbsLxZPd9D/9VfeBocjMUQ5MyTBgdGb2lfjI0nQDbyjzqctmyhQ575gvmjw56Aqrwq+7BxocNtdhUzImNXgSgdZiqeDhUhbDq/2P6ccWtMhMHPMPkAru/4mfkrGJuuyEQEFAjaGe3iv/xO+n6OrkIEIRWV4mtoRMB9HtMemLJnEEPnf1oEBlhAf8WyHIOCnreBvqnJXgxMG6waWgck8uKJfEh5SnVhwQHd3xnP5jAIPGuu/LlAFVf49iYch71IglUPDGEjkASrDMPpgMEVMs2uAob3rZgqQpJGZ5wnLV0lrtsyGtkwgiBsH4g8a0r9m++IRlKrdae8wPkQCUNiWP4MSIYIVtUBIPhF7epq3uHpSShZ1yc0JNUfGoY7I6sVCeWFj+F7WSZsD5xVnekLQH/yG1PsWrscHHjatineJP4nZwPAIJ2W339gVVh4H1aTZrGgCdvVcuaBOyHBiN7qVfoOfE0n6fg4h0s5reyJO2Z3spZjj/L+PxylPAQ1s6ApGsxdTx8i1NUcYJ5hn/iQ17tyPqRLF8jI4wc97qrTF7UUuaU1OyU1CoVlPe04fSAt0j4fLKPTu/sXRa/6+ym0Hv7VinLbZ0Uemf3R/FqTS+dfqLzN9O0eYa6v4lXPt8DMMxnAHMb+/owhKuFguZn78Iuc0df/VImGCsMIPEXfWQYcv+h6AD+JeZJDt0mIHoMPU2rvHHq7JmbpyppflPRo/v8uIXUdl9BtJKB8XUKRR45Yk9xPuq8p8XDo2WPw34JWD/hqUkZBxrwNgwGlapUO+57kvjeGNLv74ION/+G2Pgl7DaZ3yOiRp6aSu+hzpumuloPviclfC/gvGAPMrjDZbN92jPcHu3ZZ10PNwUl2bRbHMqJjtuPCE/MzFKLgGsyL0h6fWJiQnCn8DXSK4qbTIsyilYavp5SxBN/Ri/ihdHN+YWkJyeuXH4mWEAei2KzeV8MpY1pDZxeTzW3tsvbTdPPun0nnBIiwuAgwBYzNc4zPIfgri6H4Dc8Zw2es3NUlPX6VWKG6SioWKvJVrYZ+Mia/BdcvXlNyoue8Suveoo1yOPM5GQcN+Uh35JdXPMz0gqhKav4FQiGM915ToAYipfVy3P2EBRwieV15FxEbtvsablETffi/T40GU1C4EkEbMX/RgwlA/qSD5LVcs5YA2f1U1olCMiP354K9m6gH/jo+qUhxqNUAA6ECA9hBbpQCJDm/NTdcTFWTALtu+jWZkZ3fQnheGIIFbnNmpAEM/UWKhdiAvhqOh9q9AFxiN7QgFMt6ACJbKaG6hXiAkld9FAzMGwg6lnFFckPiYrUSXlDYiofe7Y89v6rolifs9F8oOU/1sDRdDz87SOqLP7PibNWxonAlxi4Qkco5Hz4s48zYxoGnImNkLNmuCu7KxJyhvvUIySdUPh+pxRrop6EOZzHpqURMBBg6Rt0uq3p9wEjkgApMTwLoqSMiSE6Bjh62AUirTimxKJypid5f9h+N+3OGxhKedLzjmag4BtQb+Jnu0CGIuYPWYlddkJL4uE4zJwAAIjctVm3QJruZ0cdIOePGCSjeqOPXGgROpIsqyldwKQl2Rgd+AtGC5phyAH6vM0yg/W2D+7DxpuuP6SS/fyEpolYPx+K8zaC/LyPMNBK70ofAc5FqfRGKyRbWyeF9vPGnIola25V2HTXrZow6/tv2nSri75IZqAgFMbV+uaTKvRqYZfYZ/VkM+h8teL58Nm60f4/DkbENIkAQIpiGnFlM8zqK8pytmxfneOAIHynBwXj64VNzQOG/49xkgN/B2dPWZvxMc8yxwHv7RkhF+zxj7fKdG2tPo824Osz4x3J8Ynxm2VGjuFFoZdcWwYgWNWeGyf9Fc1ITzyvLHrzD8VAhV9S0W0mHo4aslvpS2a02u2wkQnjfYOG/DTw5nSGDoZs1kr41l9VLueLlbBvrWYdDZ8DDv/vUjBcRtEAF7+98ai8mVntbbBERxBHVA2LBZHMUrcBSEs7V0cE2Ks7sL/jQ4jEN5khCOTg0BCK5CCKaGR4gio3k9X8/NT8GC/EBAjBUgj1LkISo6JM1KWcSGlGwTPRu4VLBM8rwIuxD7daDwx+t4IqT87Jlgg5DQHCFy3smRa1Ap3/X3Ud9pQJiz94DTajWQZBJVAR8QtkGHDf47uzR2vNVpD66Dt/nBmL2iwn1qDnnCe0jcga1hM5Ul+3rD1vt/2WU+yDvDPWZG8424awOzfRN8eBbELt4k3L+qIg1m1WxvgLtNTbd7FxyBqzaYf+ntjfPQUng9wuGqDbt90b/aVNOfTA8F8sGGLsKBsbZV/UYnWsBJIKKdCdX1oH+GjovXFaEbFDTtnlDoicJxWPbuu8fo8QcbH+3OVfZirPvrnancSyBtKXpb8EsPoj0OZbcz6IYCyJgkAGEZBkVrgv2HArt6Tg4aOEEvG8qPBhCdBdyWOk0bbq+C28OKlvNTH+4yPo+NJt40seFRbMP/KiCLg8roBHoeXxuLw8LlglpEiOCqywOt2yTz2Mqb9tgKVcaVlFjiuZ4guO90Y7iARXHhO0NLmYJR2XLqj+2awe/dbbZmMzYwa2X7/V/TBeVfm7ZWZjHa/KpE2K5kT0W8ezwVYMhpjWDdCBLRubiv4sPRnVoi6XtXXLmVRDzsnm/4NbV+Udb24/S38Rdjr7UfCuECIvY3AqoWR8eu0shuv2t6oB/tBicTWXT/T1Tab1/hSdO4ACLBnon+z7wzR5+J53+TnoQF/PJrOOAT2oZcPQmCYJ+v9ZTteVdzmJV3lXta/3nftWY9gCBmXQTzd/OY4X3CuRynr/OtttedM2sRgXezxNHn7cKSlXJxEqUryGXrsFsfmLw9y5ALW+uE9MZ4SURDatNm2aVYfMooIpS71m+58T/tpw7pGpb1fUQ/+fM+fFMEpze2VTSWkIpSbqtOUmzx2zw9Lq29oXzhwvIA5mnlwBECAEXbeK9K2Zv1g7K1XZIMyBw+cEY4I5uOPkoNlc9lj2nBmokliwGQ219gn3lmr96PK4aWpbtFLB1Pcojhio/kgple4OBzbC6vwkVuWLlf8baxI6p7akuPhoSY6XfVziX8b9u7DvX3jqLqs57grfhfDczTKB7yQD15/RzX0qv48iRCH6Y1+zSnqtVT9bWy+F9jNkT+0L4RaiLdvj46NOsz1wUEvp0sA545BxQpzcRdZJIUAXFWHxCXXhdSnxPfI5A65cECweOgPlsONz68Lq6PFVotSYxfTWa4o3hTCtxERBk0tIJvwCsN8gi/phrwb2vJ2PdBkQ3aoKs76/xNCpvvlFOgOlT2m+Wt/c1+q3KhIVolf7VGAjREen99P7AfpiI++fOvFin32fE+GHwc3slEyzwShxZcKteh4jZTMBeGAshJTHSy5Oay4uZtdXZlN/HGuFT/82VFXy6nWUouxlnORiIfBDVprN7owUXn3CrUpx1K7BlMzMKIMf7n1OffaL4jreP4ul6lsf5kGuObj73cNIlwHUrRqC9cybNt2jRV8ks1CQNMboKe0Y8lGEyjrw+mhrMXT0C5gyppljYAWR2nHl5qveH7nVrCwyloE7rvdjsTrsfLEHy5C+/KbU1OQcsH4e5vp+fJmtTtoI4Tuu28oi5xUCywkT48vzrrAgAbGIvXWd34LnyY1AXuKOJHaTUE6XCnjJzLm0NIyh6wZFapAdu1ggA0Gnn0ZVitN42zwB8dlc3pro/RtDh5M21za44FT7Agps5dpttPgAjkFJtmVxkPI/g8B1US41qbUwIANwQgD7cvulIBNt2A/1dukwwUTbASSAIh4WVqr/+jjW/azn80bWngdzjXrKmzqnUG0909UlJ9rw62qtC3GrXSo52MMg5G/fyzikox41rCSgqwtV9zaxGy/wM2Wn81x2h28ovT6/MX4YM914/EUc7/xJ3MTvYhmMj8O/IG6eysv+LO6ZpuxRfsotTPvmCfX6oK18gtQuRJns3kbZ4avY76T3Yu7B7jD+nthsR6GRpZFxvKHT7pyiwGFqyfK603V398qnd8zpeG2wkNUwbMOB9kSpBv7POWlVFLHhsNZT/uD2j7bGm3cCO2I6zTlBYg0gp/z5L3hlGmj4XWPou4tAqJSC4U8Wmepe5RbUFlSnUm0qAweD6VmCCnGnkXRPFQjeaTz5/ufkepb66btntnf4lPeu9YkVl4X39NjHC4py/BSIZO84J7kVcJHDCmAPgsuotzMAaTR91u5A1502vZgoUl/fy7N+3Im1r9wh0Qx7r6cGfTWhtQKnp+nTATJ7RzOSo9omYPk6Ovy10sS1DWwzUXPqOb6JDzE8JCSYikQSyPgQIlniiwihhwYTjsjTkUxym2b0tZHHdmehB7vdqCIiUmUkzN7QkK594sbejtcQpN8AnL/jawrgDqzuFf5WNVj3nC/Y9hHotGOB1E7DDWb7onqHeixKXTyB1I5xRwQN5m65znbvKgW6BhigApTuHQfqg3jlsVcCgNaSxpNAo3YZAKZlbYz4bkdopO1euJZKKN4yYaiWDvAT+t7+kJiGZAgAgoICWVMfV0CI+cLvWLB8oQy75fm6hmX94E3GAikYv7li600UMhre/OM8e7dvfU+b77pa6299SlCLwqB5yt/Wznl0Cb3+iXwwl9yIy0BnoHEND4oUvLiPXUnIbJY45eYXGOuTJVbDfPelomPpmX33v6GUtb/dvZ+ZXnTMfYk/XGLleRI8nSII4YWdCmbOOYVy8RKVgpdcDWsG7eNJt2O8Y3xiHsdIH+9cBRzEAs7ZHXqz10NfPLseonffo2Qw5eoO9RYX910qCTBmi59JO39nSw/+o0yG/9Si5puOwU4e8650vXSp0kkOQkdBpKGtmdikurPOfOf2x6XzschYVOyT2LLH2zea1+3cvuOxhqQ8eaburLKHmdOqUKJgKGWzIofZ0HO27kzDSZIEMYJqXyaeIxKq8hRuTWeORlQ5H5MvsWr8RKC5sQeFote1ZaPGOpS1vSq/1cIgOXbtVGttR++0fgVK/68NcevLvbxa2lzQrfowy/uPWg0qb78FHuIcdjFNruAllyuUq9jFpX9DJoLpw5xnag5mTidUxCxJ+6Z3f42f2/4fsHF6HBEhbsXMJSQQkowgeKedjyGrnIlNZ2rq3cZMsAQ0knCOuExsR4HZT4TBEp/PDxss1pRFBIs/eyi+UwHMsMGBgQ4QgzhcSRq9g/dKLctcsWVuUivTSOwOih+DX3YXCOAkAEAAAhAAMimAJMavWTxXk7EI1mKBpvSFv+qn9QqFPoM6ierXV7Ewwavjv5bUn7TdrDBZ768CMb8PDY4PDs2NAwO7GPSdUSQ9tE3rGhooQ4RMNn2nn5NZcfPO0wFS3JoaGApkagYMsOB1Fy/qxuETRYn8GImZEEyYt56/NjVmKjlrG70ZzhSIQvoGB3JiiCGETIR8+PIdFKc6oybbSwTdS6U3ocKANz4pJZAVSXhc8vkbmJwCaKHiNXeEWGs+ZW3yDXedLL/mWZ+sGmejszcaPydQ4nb2VE3fDeObRsHO2leRyScs0Q7y/oKw2Xyz1rBv/VXyMhCTH0CiGoH+V4m2pYAtPPM6NC7IUDOzdSyWsml/vCAaU7ctFOwUf4892Z6ZefKEQPATona+7DCRcPAgxx0GPu/9OLWyum4TTApr0T1KgbBHlSNGhIb7gpiEAPJNUYJX2NPkGxbuJb7iVULB9fKDCukfltFWwtZEWyrQbcACFWWgTbUK743LMg3cBCQnLqBChaYezv3vR9C4dbltmCgqeFc4gEzxVzKHx/0/kLM3aOE/78r8frI7+Lu31h7OtUM3Dh19X3IN0eHsx8rBG7td+d81m9LOWPnXU+fQU/0+k+Of8zB/mvhY6g4nOADEBBw3Yoxt2Gj7pSbCdqhHA31SGPKQimgftSm7c7pZdjndJ6K3yDmwvnSB5PxpNtMmGnWhni/ufmgiC+6JKTyiIkiGSKE8dbGmLYLruLaavYkSZwX0sDYR8n4FNQS2YJGXntsQCpztW2kUNS5nJ4BBgQ5VDhENDWAxvfMGS4cZSASSivnAIhXvXlQcgWhIpfVIZZGOTkPdCsb0jS2znDpQn0A3lfHE+44eLe94ehv+DFSTx8nqOShUz8dDZ9TUcaoawCQ3WLxJY/kGH3LwsSRkQvNjN3r0R7APMyEGM3Jb75qECDAUijlKdx5YgoP+U0+LlI0Ptrlg9MdwLc07rs5AuZcvP+6uP33r9utnBIP7nd63TGb1/vDG/6BXlZduQFu0tQqDxDHhKanlZqNTxhBXnuNiQoQxZMRujMFWzULwVmzl/Tufo0n+Mz37wjgjs9ls223dqL+Bv0A1/VT1gTXA0l87V821Kz7EDCg/GH2teM86fzZ971s5sPU4mol9wBF3ztVNLZTxXQQuiE0/IKgYWIJAaSjGgl18jI2LdA11Rew/jP1jNhHONOe2aNYOn1P3OyKDqaHBxHCJT7Nw36O8DxbEathQdW+40I+2L8A5ZJ+Xh+0ScV6vqflGYfjNvu47B6AEJ4gYQg/1QIE7DCweUlpuIqUph+i5JSyzarujdnSzfFYjwTiiwRF2ZPn0mYZU0zJbkW2YqZhVFQq2paFz/XMvfGMvxzvVE6tYPY+K25rubZ3rnwPeFNq1f/cuK8cIxzgPRgtb2rX7p917bKm27AMxx3hgq2ew0vTFZbVuteKzW6A3jwV5LUhjMcRq4jsaK5PSm8XLAZtF5DlGwhPu8ouAvuyTkUPA0gptZcwafa/LJXj9mqQm9Bss98P6f0aZ0+4NaUk96XrGvH6prLu+p1ja3NmUI4kAMB+FQo1/+Sn+GdVpxy4ak8MxNs/fpzuSr6ntiRvWbUeYUfTg/x93LtXBcqpPtVTIK+ISG2mtlmaHN99h3Dk8pZOVe/1OgM5Aj2BSHBwo8uAjpv/Z6dyeuOqf8lZUyFO51TfhQGiR2cuA3n3dtBjoG7P/UiUg3wiVsI3OJWY0cI7EdEpwuLEjisgiDinZ5Hx9KjBlwJXsHbLJ/pxyeVpkhf0+cO1wSv8/f9xPwYGO2qr3Zc7W/ePznaH0U0E4/b0/Us6GuwYDx+fndp688OIt/vHF2ZtPHr09X212auibbebMLcvMszpjudzvcdxMnEjvzjLLN+rjQqWJ59IhuxvXvzis3xiTqC68eQXYN56JI4t+urVeqaLnaB705WGpTSLtX/yxO0NXat0nfYCc3xgZZ/d/95gkMZVSBhI4BAwoQx+/TszGLXh4OwL5AQZUgBlDdXx3OP0q/tg9+xngXpqzTnpolyRXSEuOiuELDXp/R1W/6R9sfl7oVYxv+NY8f3ujl/wJ/CVFfhs2OtDwPQVXeLD5+WB/7Zu/o47pLVDgJUelCrH8oV39Bzhfi83lSnTy4XytruHbEk/AS58snD9IaVTUl3WIXWaO6XzJqF5rO9e2VHxYGqj659781MZjPhPh8qlAz6t+XA0sOdz29vy56rXlsmM6MxSXso56RUnj/MEE+xdWpjcokx4kJjZyfJYZgHoJCP5NDcNwqvdTba/ih1x24dC3XgXB/fAbM2FVtMF4z5dC9THYMaX6S4/BeH60CKzgywK/dteUF3TwnZkTTj6d6fwKtRL/LWX8olkz/ptaWcHvTHeiTTiTOvgF5d01gV+Bf4jg1PZ+8lP0b9HQpvbZTVWr+l8910oChvD0YUlMCEvbEIlQnaz1eVc4I0K/O1nXXD84AKmS06ks/SEDa1uyv5A/SM20ZDi/e9yypwqeDgy0+jc7ugCy2Wd++7Lpa8tBWIi4TXyt+UTJfEuNaroPxMlgz2cle9glnj9hwZpJFgA5skZDm3afjcIBHat6Fh0l+DF/KQCNrC5sP7F9UG2cZjy/+WDB6LY+aT24CeWljIwdJ3ZE6+xM21lr78m9axhMMu4a+cyRX8+YYnQF82+IBn4uYcnAE9xE5AQYFLBUlzQ0COw1bBXQ1363ZSGEcoHCLrrQABAl7d7cMc/riC7FCHjv1atUW8ikpjJ1p3ILCrjnV3v0BaN6je1t6M1o6PkG0PJVtcAOCgKmMYUQAIkbu7KYzVRyfLKykOnFhcIkVwzGdT8OMFd2P8wFeIOH7Yaq5uFCf/o+/6PHOJDDeqqWa8eXIIBumRHMapxKBqaxgyd53AoLuuyHzZCp48KMn4Kdg8E/u1EQ1NwyfRlgist0NWyOC7BBvHoJj19tG5hVXCsgNFZB1dC5JEgSuNtJII9bYUAEnNtqb6g6opCQQmSev5lFqzy2CQ7RHU7SW2Pt8SXVG49wKYElmRw2ajp7+UC/s79z0D5PtFofRKQhuQPCUWefVx47yrCvPmCezHXq55wtL4xKcoxyxHmFoJ3O6/NOVxcGpe7n7Md5BCMJw4aZZ4/kNPujgCMioYFe5ukajSOnVgqHBp75NbqFq4Wj+ucP6dNy0C0dLV3Vbz9lgrdLWVV67+h4C7yFWu8dWJ171hL0tEVSkV6hEUbPRNUYpk1MarJS3e2RzMYfRaDigQkRQifivRAcCOeTJVcG4XWJZOzG1asArLk8Hmzq68CHk+dPPbXTznoaqvc1Vu/72EHLrBfInImYAMls0RQIK2YLz6oL/QWexTX5ngHFZ07x8852FQbkebRVCTycl04W34sW5+dHi0H40mJlqWIf+XhR4rB+ETEIZES8H5YSDzzRCp301SqzRZWGWO8H4pwIGyvMXX6XnLttzP8Crcl5l2aHa23fH/RLGnD5AswFj4M5WPyziP/KA0C0fBXgfl5tcQXh8GFXKiospzw/mTvIb5O7ibKRWJf9ffqsk9Jyaa9C5mkNifo0EnFcb32WC8nHjipwYXs4gjKQeebKXJvZ+J3BPHXnQjtyVZbbgY9wfhZDN6wI/GkWBcFiYyjlwG4nd21oTbHSMNDNJdDOGuvqigVOmNk2/aAFenb6YWXHzcct0L6b83eUjIgiLpQXIWYwIsQ8w9SIIrDv/jl4hEeooOJY/42hyUEpzybCfGgtCzhhpkiVguuPN2vqfzNc39mlk9bvgA3DUqgyphmLKqUg8YcV/ToJI03ADTIrTz3vhvb1LlSX4rBHhlCqjT5B4Rwl34273Tkpnxgh4UazuryeGqrChhQJFY19Y0NjRM9oXLoN1WgIBQLrbtzNPRDcc0isn4Wh5NyfvjwyRjsY7pe7j4mxq1MmCdt21EwHeyyu2vS7apRlIhgSZW2n/xfrhrYCwTuz6+TcdJRhfFh1CdYuM7IsJ1teJx8ZGQGOibzi7bTiSpXh1/7Ct/XAzeIWfZB80MzHfCpaqPhU8Wnha/J7PmAKoqUvpWZABXgX9GNFOWlxDCv+SDd+w+4f8q3UYVrDgWQf2HwS1P7HZgTtQUs2kHl+afY7jWu3gK9la7LBPAZkgBlsi8HB4oWHguxMvpoOjh/bvF+qvPN7e43AHZdzYDZrzauizXnyamjWc2/adGuLfkjmoSD5jIn65pOt6DW5p9xn7WSrSnqjFyJB6eTQVjZe22gJu5qlop0wyb0kcQ05XoC4CBmcoAaazsbCikiGrSx6m/OvOHVme30BOxD4MTS7NRBKdbVsdZPGob8q+4pC7Tobfv92xwyoAOJbNDyMrSmV3foLm/bhtNXZv5VZSGXzGNfj3N9xv7e+T93cvqXpt3mBv8FyK1eSVpntM8Z67ly5LcDmLDQXCF1gF1+LMVjC669ZzpoFGNzqs/uJxjKAUv6zJaHF7YfCT0oLBcE6s4wdVrDOT8+09/DnJE3TtWQ9UEVY9YQg6xtv9IJUdOUGT+ld3qUxl84JmuriA8rb4ewyQy5vSN2t2Y1OCx3rzioXMbGqMLc8P2Qw24F6iQaQxaRd0kYq0AXYnmaT7ixzYjjQrcECFREPeA58zy/PRnogRun4Ff8feaYXXl21/mK0BVlHd/738fK1TtNl86edae/+t9zPBKbSCDKy6sRxTkHKnFnI7Con32R324e4Dc48ZKwz6CYS2jNVNTIZw312XogwPNY7zFl2SJXZUiN1R3ggwhVUl7IHDhpZjkOCzgUqr6VOKm174eOBK0Sq6mTSFkGjBzIci2WN4bGS16uWylTVvDKJeL/DRAnKQyI/a0BGof/FqwFIWAAiFo8gA1aImeqVv4gZLx6HLgzy4DZSRzvg7dif9bN6LhhgpID+KZNs2JImM7l7bcvNcUHCRh/RY1LWBU1NeNFT1pkSw9LwGLrSyPoIwpwkxVJNmf27kXele99WHK1+WyHZS8saaYF7+iidf3cJI1KeLbhboFzDzuZPFBfnTyzBAYISw8FazCjJV5tbrDNqyqtB70dBSk0/oO0AMc5YqIublAh1PihF7ghJAT7y5PlySz9GGMHV/kyw8cBmg/89tnw21vsSuPkfBVkSNELHOLEMMrIPse+PQIPvivKrHtBVA8JaoNlfCkZuToxddQDmMxMHjF1ZdxMHvhUADFTzzLymnPQawCGqtm5wokyZ8QDWzJ5p1GtYOH8XBNXMUDoDWRwkfKBarcFJ+KLihWiqQTPwZ8+fEATV7Aax7EXRCye1BpNrf7b+Cda31fiprVGW7OAhjHw7DR1XvBVAS89W5E66HMpbcukXJYebHJETYgYctJE3GupJyp4xWctKXeFed1y7Bx2sTeC6ILgryXud2ddJ3JFkhb2OBc4MtmBUXF5WoRaTeUUzx2bBEp5fgZcdNSajpKGD3cj2YfZOdv5uH1scY9zESRHkoELXTNeDyLSffOBCbxBG+8lRds4hPusFzLaCTFpmaQ4rOWlfmkWnNZnsMZuQzVIUMRl5uWx2WsbOYGOMLrA01eQmVGxFRjK7tS+SfWppkcUrBx+y+RauStKOAQb/Wr80t4JBS+VSxkdCKJacAwxTEOcJ1AgSEiEQjZSrS2WK0CB0UHV5d01hPyIAMx+whzIz2qJsQy385NFMpv2hLoXL00Sg0Cnl6raFNtTKhsE2JNPGJYaeVEt7Rlcw8Fm4pR/kNV3oQECwmBhKRXEngeSOaHvSroAjcaxfJmkLIZIZqZyrW2yYyiv3fHDPOkTsBQ6mfPjttNUKIOKsp3BBl0gfisCHhXzF1UHMb/f9Gv0cfH1ziTl6MU4eu01d/gKdqDEpe1LG7Pfi6PZagHjKwaaCb/H0gky/g5gdN9gVF8/uojNbmNzYEycimcQgOwfheeW6cyFRcDwtPI9GpvEYZJYwN8DotrOCEM6NOhXrim+hBkVEvyu9/Uza4hb2RzPlQMCRENRPW4aL8bN8GRsyiPQMoGR9z7Z3nexABYVLyq+IID9EriyUK4JZG0jty5mJ5b2HQwd8ifsF/m5hfAZNwoVyyRLggpM6Ho8o+5XzI20daiWE07Uc6EJhRcUWctnE1ExspPmW9P46ZlDWDRLw3jVW6Y199Ge/wjb/qZmFwxH0P4ewwHPw0BBqCFh4kDodt6F24OJ5fn2tcetaPytWOqYvx7TQAMSbUL7qw+tO/3zpk1ZXWsBH3EbadpoOuYEKUjvNYciNW91WnJmbgfrmHIjE7DbA/mzQRdRlbMN4ofZ9VI54+Ph4eAQ4O40ABBsKZTmUu/jyGsVpREZeX/8O7fFB8wB3ejg2KfqnMHMQmWCssU5xxnHG6kQu+2ROoWxEwVIr0B74bIIdzhqzRWHZGpeceSWjsG2wlaFe75O530MM9tPsIYysXc4zueBuVPFmScnQ75AvsEggRX7yvBe5dRhpxiI4gJOUgzNtBkPN7+sDkw7s2Ujr2mf/bhvG1ZCf8cvu8+bcQG5K1SGCRxt8gOTpxYioEhgkR2QCLM1GDZUHBpZV9z4+A+3ufV5dg4vQ950oIpNw20QSkwWuste7pwHXwWLZSIUgxC/1DG1XrDyy/sqJDveUHWMHhuZzOZWdSJ0Ju8exP/mM9LNYZCxVjlDVHKZh/RA8HAe4QuY4FGn7MVIiizD0Icn9KCOHe57Vlbt3FB0QEHxAFFkB9qbFRH6EK19ChJGdkGdu63Y3rFBaMjT2PeSLATYWE2/sS2Yg168PWr9e/fguvBGSyPRdvz5kSK2trV5tijfU5nhfbe0glUowIIiJwEAa6mKspBWEGON92yhJJ0Tu+T+8Bz1z80E17mu3nqOEESHijWQZlDskgJMlEJrzw+xmbjO0VSQuP3Ek02RD90k+s6Q96FdxSNSGTiEVN4YmiZ7R+GS7UKuRtSyTSMdU9xB7z3YAUJ6iYlEtW2xrS1wcevQ1t2IUzt7FXhiFHxpM3qK3ioJAz9ntd3UNtLPzw8798LZ2eU6uCshHcKHbGPZn3gmoDUojuyOuTnl2djltzUsDbMtS3d5rm/XSCW820V8ud3aJKnV1ysHT1W8ocJBz0IS/S3PAtbbb4ZbScjT4VNPRgoxXmsR088vgRdiwfs5QuVDmze+7X6blAg9A+ErLgqhkmThD0JAAopTZK2peyx/fsmnVh4shArxeQ+brD4U21H3UP5WvW2TAqQaQVhZ4nzc813o5Yei7sVHxRW2Azu4Z64cOc27QLIEjCJAxK8G18ZXXh2qgghUB6i4kOArMgMWTtutm8u0u7vNmeHZ/zjr+c/DW8qCFAPGwV+iC3jb7t2EYs0uRQ+dS/lALo/pGZsepiY9PFlWdsIOitp6nMVM2pf5WrdSK/d3uL8AeHWsRj0W4b3/tmP0Ho6nkUUHBoxJxwfyjpBJs4T6UDWbMRGZFEfC4PEE6hZaXzuPm8YAtBjB+bcORbV04t70y4HJ6cfSseL6gkDOocH4+SRwfaW06uYDRYw4dZApc0A7XAyuSOc052Mbs8rVwOrcj0VWYyYSdj8/yzLJkFdRBZmtY1HKluzqjzHh4oCWHfUMiiSHBkb6IYErP0IMSQgGW31tuJ7IUwQT8RUx7sX3OKQ37rZjZTF0VQ70C8loSy6PmKIfE95HcdIbipPaolWz0oVBHrMALKFm0K6xh1Eq1jcv6CpwDxyiYc/GyUK4QTfIOPUvdyjtu31CqKfdA65mfgthgJ6eTb79brVYcAOUSzzXL8yv6yrDd4+FLHbyHzeAtoyaLJGs8jluqPMPAiUFARtlw3MTeqL2MMAHEAAsUJ5BGqND6VJPzpOQijiJy7AgO1yk5EtPAScwwOidhb9m42jBgGSjNW7iIl7mFrn9845Geinx0YoDU/dKKUvz1K1XAcnox7osFSu7dsPHUy2FRmc3+OE/WAMn9aU41bzrsSuqlMCaj3R8E2O0JqllZI1EakFQF8+t3iezTlyPjgPjDXzsoL8wxysc/0ySffwDGo1GfAGB3L1CL1H4hau5h6BSUDz0CI3yED8o7GrO7gkGvErdywNgjBP0IAon1mz/Jjvze7HCx4d8PafkdC1Xcv5rlb7dcbpZmMvmRf7VVuRMeF15qe2cQml4ufALiG2px8cM15k234cH+XzsEjHs3E1VdN4rI93LTcOtb/UV/nwLe9zgukis1FycYxWaYnQvB8KNbXfGEML8Qc4VJDsMphjvvHYWfXWx30zYLU8f8YlOH4/EEZEq6gMcN+wYPBlSxdTMa04nH2+Vv8AY79fNXWQPv0DBX4QAkbSHoaPO5fFOhk1E8NB6E534UP2j8FXMgKmb7kqr32/br99/ZtXZva4arpl7MPns0JGPmS+YZsr2oiIN73w/e/585YHi86iKKHAqpYV0KMa4OGo4Yx1TDhVY+6YGBkYXBZmRLPD8iVFjdoCayQtGN5E2haLmQG0RBegUe3G1s+oiQX8OItMBwAym+dHAQwwmYx4b+DfUHe3GlqdcGBdNefqPnP50fnQo1A4tOTn70eq6pFm002X8XW6VFSa0dUr8dHWr7daa7Y6yAcLPRq8Kh77zx+Rcf3PQJoTsTnTLHat67UzSKfLeGkEEkBDKM7AcOxOOybpYDvGv2nfZtvAmLdj3Saz0Pi/O8CetKa0fArXqhYFhNUxS7NyI+YUufwHO2taixsb3o4KygL2FrBCulKSpMfzorfivTX5eMEs+0KigCeAKEbDtAjvVsCY83FWpedaSMiNcv76cMp7x81cn5Qh/eLUWFHnwqYiGkSCRzLJEXerBCD4d6PTnX8ZYiTE9imQRkRfgTOcIbrh6/AM0GzHqNv2p6DnL3vVRXLW0skqmafUnfxz34arT5V5ieCZDdbLwRlWnpmH0Sd6qb7WFOVHoSUokxAQVYoALTiqr3LxlOXCfNuebl3U+XOHTBGOG3kQd96zBytQoETDyeli6mSBzMVGObAyNsg/bhw0GMDUx48prZunCQ6sKrsvV61Sqn0uy7icXuajQpnzYLtTUMPW1WJ8jaAoPfvyNEngnZwejxj6MxqM9Dl55NL29+AVOeGPjJrf+l1vnl8WqTjzvn7/GUd+C1JWPAoS7yQMjjkqgwKvXQkl/5t+B349U7V0FPOzjL/8zuaOr/yWgCSrg/vczv/oOZg3q4yjqDfjfBqn8rPeivAcZ6Ev8G0HWEAdlVdmt0wt2ha8U9bRB0ZatyPVStcZ9G3bxkttYHAibWxagyKIUOZvKMxAV+wdVD6Y/W9XS2UlXDw0+1EtSCMdFy+zdqX03XQof5UUMDcIASAGi95qVXPik3cJy7v/J9r3bfKYGWakMxXD5+Tr/55q5b3WbEhZub3vxBMKAVZqhiqHUB2tImc1z4PoFtYMTmMUVHg8ePRtqobVdHfhb1Z4+Jfht+oB7fIvElQfvnblxAoyMLBuSxvpEHvyWMZfcdqDZghOGIVCyRxIaxZzSWquo3AIFDHB2BIv96/YE+Ph9ACEFHPMkdClK/xZssBRdvaP2nJ12dnhzoz4bD1XATYrSbUB9cOJaYfviQk3N/xrW3AJXmOhyBKa71HMVVHqBnRLRTiS4IFWxgnVx86/k2uX5Ru+BcS3HdjXObGzM8h9bA2px3y9i0wWmTib6ABnrjOLTcQld3nZOuiY6bm7/eBic9eCJUEBUOapqkeTdIZbXXSHl5ea+9ou/fwyefGTQvuncPAASl6Tc/eEVqyoOZDmu9u8UFQC9e859wWu+IgSEkIYMAPGB+bpkHLt6KiSjb4vqPgzkQN70WZe0cxXM0WUtpdkHgff6dUVx/+xPOP4GB1QtG29Igp6WQ3bN0jtLatmD39aUj/RsidcAyL2TLMyM/nSPoJZmTbU+orUp7W/Hei0seDbqd6PNL1E2nFIGVPV51hhhVCFccjHFvD1C6VwVZbkuNSBvD92jg3lBfhG+Qe3FAufuAMBE509pjEr/wBBfU2uMzkyg8MBBQfqA4yBeDoEHhmt5RfETatlTLIPeqAKV7e8xBuCKqcIAIFj+xGNA5KGMchLNBy5uvcir/COTzT23+NpJ42axobNcxN+3tRr+ZLJvIyi4tgpgVTnNO8GXwuMw3eLALyvAOQdjh9O0tHvnAuvYRy/iF5jfYBm+uG2sVN6rXFV83ftMObe8KHZT5Avi8GBzlQdSRq1rXroa/wWxZvXf1vasvAwZUxA+xWMm5nY7DIzvnMNVhf/TXyPltHCcyOID7ZbJbtwee5VRMLvrMis5yd5Gn78IkFkE7bt8EucOKEIM2lracrvFhDQx5T2/vw5wnwKLdyWdOtr9HBOv8LA9qGIzP3LlGRQYev/qP32dLXH+LfmSvWHnrWMV90tYf2J18Dz4zy+43escvLeJe264Bk59vL8ofpIM//AfrL/3Bv3r/a7K9R6Z9Hv9q6sfLb8b3O5L2qngg/gPj1m31+lrbDDcjhAFFoYIwT29Jg66cEIaRIl0Ouw7triWvkilmcErQnGavojbbbl93cQPS7dWauJ3Z8pj8QOjuMmo0YK8VlcVbeyzWauU+4/fiKCH5B6A6kX+UkZ5NPxHLqWYIq9ue8n0HtB+Y7kMReM8rosc14rQgkqt5zdJeuJyPfOvm5/qR/fV/3VEBXjylIp5W5RX8eobPEbbEYLsG3HP/sIR5mweiVeJ9lH+dxqZOQICgAIGjXwjOxwqi81hP1vFglZQg4WJY3HrGJqIDwvcoYC8BU5Kb8HYgi9ISwea3mxn6N1+a9iP45M6snaYIjbzRR2SPkQr02jCCM1qGrN/QALUkQeGbLJnGFXg8sFpr/PumLE7yDZvZWuW8kmuqFXzwZCDKCSc4ZiTle5Z+fT83pagdRZozSpdMwWXGNgPcnOo8xv5W8bEIyYAyimTE26p1hgsyl+1qGuwRbsLbCjM7yHdkBrBMknKER7B6iWDlzGDREeyUoWAVyuGqCnH4w0+bUH+lPywhVF76h34aVpJzfDfkDtFWt3hpOpNzfV4j7Ur7ZpeUudznDJ/kYYC92/L7pIPdSmo1eOPQw3VJCZXTEnFG8xKnW9psDSdk5akG7dTmcSoUxKkAxKkAUN6bVsTK7Yvt9NxGCY3ZivBEzmcFyPUUMFezZwmgMqjYKXLTiFgCv1vt+1xVUbc/fE3CAxAF4RaInGooCcGwcyl/MPSc6y0j6EobuvTYm3jI9kZGMwxxQ+7WoEsqkrcwWjibuNU4CkV/6DorLsMhq9shJLKyEhZZeRwaWXERHlk9bVYhW5iHq5HR25NA5bWHjhQxm6sY1nYgmQ39eAYlTWWVEzXfIOt1HTTdVPihR5kuVTvZSu+zTN90UwbOwdl65ebQ5THxHcV5bNwq92U+7oGqhN5P837cvQuf0roAHVnjh+LtJe4RK/OESMxcxuBFKkKdzKOBMMfstXIMxRSFxD5jHtkLKH1KV8VK9fxdvQv4mashRTngRRtOtzB6nqQset53BnDCz2PSG/wJcMrbIj0xKUA0ETZ6jnYGH2sqkvR29FyIJezRn08RIEpHHp7ilICnOCXgMU4J/U1KwE2cEvohSsAipwRvS63NW7cscucBvMUpAW8hslRuUdaFLknviVTC3IqhUuCu9uUnulG3+RwO1Y1jIdZgCAku4C1ngPKIiog+hYrcTVW3wO+gQi7gJGPiFh1XsusTYfco8uegtNcJbyqmh4cX20UTSDQyJVR2cCYEE75wyBkwwE4KS5/Hd83EXdkXHTomxMMpJ1ho6+AaMs7o+QI+69wO5RHZ8iSY2wBwWnZFaqqnYlhTZFaWiCepudLc9jjSLhZWybqhcjAXaCjUXaVvJ5mFU3Io0rlap0p7tubGvhuZzd426cuWU3Q/22GmF7Kqkr3Iw9/XK7chvNKYVlXNfhQmyXyb2G0JTaaxWVNOrpzUCoYB9lCygWyHkg1ENNSMa6nt7oqRQjFuAT0tHYOYPhrEy2VbleyMbPeTZ0b3PK56vbq35D7yqQ3ai+whkWmylqedByWcl1LzRE5jlw/UZZzmnBo8neuzvrNDDOWZKOazF3AAldCo2qmq8RF3GyqNMRtKo1psc50RLe7ssayPKqXCmRKnDCWW9iYzG8g9hr4p4PIMzuetIMLs0e/XLlDmvT0AVc5wUqAUoQRos/4aN4B/saIEbQ+OfMZVtlNJtz5vKEItaQfw6Z0Vr9MVqdMbEouSdPrpFOxKYczcpXBHyLs/tl8pccIJsTNSAtlqOju6Bpn5XUo2FOlJuM4x04QER25SB2LO9rITg2Y54VLx4NwXW+R5cddqr6Cz0M9fAHl8TrzqurJlUlsWHbzS4L0deWy+KOPzTI64mgTHhwfDNSRQCEC7xuMntOTBo9lCf18N6OAM10jFCd1M9dIylNNT1frv1IZuX90/zdWnCDrg+MDVAK9UgJpJgq9dLVFOOCk8p0TgjKpcw2zCW415NKDcYKC6Fttcp2XrHNa6gb7d4PlSf14XYXqnp7m8VDlO82XDXN/opaFqEROhTcum1OY2Q0eZjoRc2VMmOYl6XSI4K2eU5SxNkbyAt5DbobyeoVAgRfvy7pt7hGthNPEFvs++wTfNQyMfPzDPrSk7hmpOibBt52yRDbxUM31PB0SNv0eX7gf/aDv9SOj1e/an3V/6DTOn+DP0aLjXOmakWt36NXo3Fa9Zmn/8Zl2xmpNzY/1lrMypYdmHNCKsXIV4lcnk4T6VgJ9z76Lua4n69g2XklZuSaNpnXhwl9KVSQk1SPIe+f+QhIymkm1tCiy6Cv18/KCCzkYNlBsMVDhi0tAXDl3EX8m2Xf+0qf0TZYKBThzZnyrrTqRbG8gGk9mVjBmllrtYCfn6oaZU0MpgoLcMBnQ1NK5ayHSvbphs/aftEmM1zNk0sPFL7y+nm7mx4ZWmlwZXRij9qifYMIETbDlJwhlp5qxvJUxqSebT/KkJitZXbw7zdEvyfdv0dC1ig6pXdND3KYuTdzds9rxWOa+kqFcbVT2dP5Qq4j3fcY1q43r/8arQtHGGkxw4RRLT9vV9uEnSNttgZE52b9CfO1iExJ9hp+kw2t2eENxm6nMuW1PDHuEy3mzZoWS41Q8NV1ZHjEAwh6l3tVapXaSivW03MyK072l5sH8lITG0aO+5ZBrsMxovtVbd4W375qmrdwSTAYxpKhxa1OStSoJJMYu5BjxFk/R07F9bhE7N9FVkOQNMeFtiHryIdkzspmP2My23hbwnLviAD6pFhHrvY53Uk89/zmyiIij8E4Z+zBVSzbxzOibq3q7i+3Cq5pqmX2deE9w2WzEyB/uY2X+D8dMuWHcYOT/wXzC+PG56yzdNVafZMAbKTyUstNVH2kXdqEsZI6KsIzwZYqXSX/yU+uJN9d/TnKwV2whkTECUVMsIpb8Z/GAdiPWbJ77oyiemxcZLN0PubzajqDKvWdwrJVdxi9iAGcvuKxJhtsafK0135M3xT+Lz3htlrQHmKpWuA8KrAkTe3sZFr/aqSnuLlfYib6CjffJN/K5L6MhwJtibfCF3v06gZ4Tib5jEUM7JYcSCCSML5rAo5hE4gBITtBbmsa9nJoE9Y8DDtK4/Wmwg2jnlJCmnyIp0rhYd2rM1N9Z7ZE72fKDXDeZ6Qlpn3rtoFgPJGGlFQk54RSJn1QJoZ8w8vT0p2NGFnuzE4jnknCBaMNDSKDCKBQMdMgqsnbZs+44z9B1027db23dD2r71W31mUqyDXdHhZ7pVAaXJD0tG1I8nDrvJbPyuUyR4Kt13c2ROoH1kdt9UiMTm9jVVdOVMXpofi1gY1l/E3nlNZb1Qd1fOdGe2fRpct9yGe2nIPlV9heL0CbX0X8ORM1wBMj6uFNLmAPXSgt82ZNsUYytpsgsoUpGKVKQboyI1XZ2DJkMcDvLK6vJEC+duZcecmEZ/KKFhvAnXcrVx9Nj6oqEItaQdwBv7BoK5ilvkHXR5JcSRsYMhXMCnJbdDWZYtzQ/rqi20d83BR7+5jeHSoeYfuJNDOMmeU8RFmofJMleLAp2bggjYZdvhjgzJfcTfIeZdxArouBtu2gbci0EebyXAXRYwm83KVMTrNNg0GNlesipwD/9RHBiQCEZ31gMlGHD7QKvmmNs7Qh9TSlO4XT8UyXBSWq4RjhNScCbwnM+HzTBN5sX70GJ2xOy+PamKmz+OSX3pYjdf+fqPcP3KGEmEUK2/jeahKZ9PHstwFIr+CI7405/RrPtIKF1S7aneaFF8ss81N2AyHbwUrbs6iCsfM2Q4C+ZAcGUMcBPyShxvGOIsyvOJ0EjwfKZHEzppLGzV1lrDM7/SAQSWGenWI27XbVH+axuuDQfU6oVwQrV2dIn1vok+RTCcdRldVEO5MfSZ3wNxH4JGAPSGkiByTZlnfHFW8mLJglUTG8/1VqRiuqw8jitZNS5iu3TY8S0dIwN0aRu1fD9Fn9YBz7u7qRk9ibt59yuu430E3210KHjizUqaa6Xb99gYCvCsMU6/SYSz9eVV7lebnCa7wjrBpuvhbZauTtlHy7grAAQIQAAWIAABgG6CGDXPpMsEXA8MZlw/LV0AOAgCVgcCCAYQcA8QFCDwEquC4wILoykUr16dyh75H7qlxZ12Hk6zcsPW5byjZt9lYInEfuWgaOW0H08cdpNR/a6TK1kqBwmuhh7fJ4qM8EQajatE4yrRuFppXPEaVxeNK1XjStQ4TSvZLmiv3h/vCAEQZRkEAoi1DMIBRFwGQcHKuD0v52TTVaJxSpZfeKfQT0bGKkObfebKyu4rukoAMpK+dyA/7CcQ9eNrHHaT69rvOl2Ep9a2m+B6TTfdEdMcVwnkoYRODk1VyrNq1uZ9fagdt7eKcU3cGZfWS31SrM8ZV++xbOp+g9mriVTaqk7aqjbaqjbaqgxtVYS2qlRblaititZW4u3rWqLZADFlxpGAI+uyrw81OatJwiTKWYQRhr52gMdLx5Ml7TpVN+NU5Y0kGkQ5CzUxDNQTzBl79nEAOAgCVgcCCAYQcA8QFCDwShAcrF5BlNVC7l3IPwAvHbRXau5/2yxHEMCdm4rTeYBxi1j9FaA6k4sQNMk3zYV8gu71f/kqJvorEflH/ybiFbpGSaKaPmqQa65tpzb5BrPxyS8bSqJuUmku39k8e8FY+cWenKuKjneLFLLk4j9GsggAsuv+T25T2eC+nceA56281nMM1rwrB3ykzHfA2fnduOJPXLl2JJHkPYUySiubjqet6ZnyvquQCHiSJtGqNIVWo9VJjTmKtpSUAdK5E+rBwWLkhQZIoDTTQitttGfGxOhNv8iIRmgzVMEYetBjN7IruL7GSe9aMkb4HcOVBEohWT3SDkWoy4baJJGp2jBREzXpSHojZaMt+V5LgLMtBo4RHI2O3a7E/NGiLW9GDNszNRy+p6T+7Mhqwx7Z12zwlCeuWL+mCdOV5H9LPyvxZNiVib/t9PlC27/nDR+J3ERhsDg8gUgiU6g0BpPF4fEFQpFYIpXJFUqVWqPV0dVTh3+8n38d9x8S40IqbadduXp/rvV6d73R2M1wTwATyk67wi0WMS6k0nYmktl1cJDaPZaOaQAVtpB2M3caUT+hgQ/9+MIe2QYuWjYyqirQz5IedaTOsRbT0nhkLOWK9pfpSfmuhf92+awRcJ/GVbaDHhdm0VZHjWtH9TOixU5wUqqpxmdlntBnLMUWSUER+m9m08evr1nITMoLEzdPaF9MS5PoS5pkh1KvoXN7mX61eFFhPQEprUz9wMr+r3ioom7mEmPSOTFG7dggxrQeneB7k9sLqPE9ncKy6C7MFXMRoJ86HCecdMpZPyv2hxKl/3Xn3LsvjkWfvN6K8GHU/5UAJvHSPpSmcmrtUb0yudE2DnY0344fmBbl8GiexWTF7JciNwoCrenH6uGJrMdk9z3a6VOuETY2kckpJ8ovhdPmSZf3vX3qqu3AvMwvhk+SSlpl5VXhVzUGVR9sNbhWi2NBmqrN46RTetKNVr1Vrj6nGsxkDYWfjKR2v14dV7H+HD7cWSlyBMotGvCUMjCoQFgUPlczj8uch2Xdn22+mr+dl/276EfX2f+ucDuqy0DARbKZvFjmuhBimcsvvo3PlgkXQixjJpYrd0cIIYQQQgixTLtYxmQZihBCCCGEEEIIIYQQQgghhMg9CmAxhK1pvH18H6BpHoJoBNdwWBRLA97M4LXduinQagoxsZoVlbSZyj8L9PPRe6cMpWm2jIA4jWubmxhIhc82g1GoJycaQei37lqUDL8Wo8vhijkxkaxxh1S6EG80IvWOVXf+LRkKjawHRcxEGdlxealoRm1U6xoIX9XrauwXpiGuZCVClnU2BTA7VoeshuAYWhP0SVpV70PATIxjKw+Y1nVfUrS/fJGZh1lBRBbUFn+h1+udi7tXQvqSWbX4xGM0sxDf7Gx852zWTsOWZPcX0ehwn7e+dtNKq1FgO31Cmq+6ggoNxPq1SfoWUGTw5LTZ1mdQ3tgNcNp+u9F8Y5VVYpJ0QbWExbM0Ne6Pbtjf07nQd9mUaMY5t/G61J0dXlvgF/4N4Dz2XkdUNo/JnvXA9egS2sqlLXrC5kopjKp9vnGcY45oS7U9Ze77NL0yQeepIDcBJUOF1QsPy9TWBjhhNbzB9m2SE4cOmlkeG9aXfGsNL6Shj2yD79lHisMnCt5XHr66h2+vGyUTIfAz8/NXrfaRgyzZKB5zRV7YsshslDJBgV2W91jLlx2eW81m/jRfbbSOJHkECMZkF8tdG7EIL27uyVajlZZp552cUzTbKbt/Y3u/cnwVeOD+QSZe4V4YBhMLia1Pi2eXrWYTVquSWMuQ+9KCOGga2k9mPAxkelsdPKgPrk2vwuFFItA4wgjC4sxcPUIwMguye1bKlBjIcoWmlcrF4Vhy7IKR9Bem91bE2lmnEYvwvYxn5En0+TsbsrBff9QHDmm13JgeS9g00s/iLEsOBEkakgKq9dbMUFCgc1UqVSDN7yxQPzb7aEkBDdXkdrXztFRBnXdG5heqi4XybprHkLYiC3sXE8H+4WR678se169koo8c2ZjnxTzQSXOIYmUtucz1Ttod4GyZ9JhxyrSP3Lk/GevWfJSG9UNYNBoEM/EX5CmdmsIul0g0sG4aZrmJ5pf45lZUoC1yd9GzaHJ6lq7Wce2PRT0+7sQ9SO3ta3G9c3MO8XDFuG3cs59H0bicW6KVC2NFcSOBUGKpydkfu4BajY2Zk9NOToXseiE0rRaxhGBjNx+fKNnXYUg7W//TmIRrQJjj5amcuEtt6Jk+sxSJG6Jn7txcOJOkIFBzchJgSTitZVF2t08PpNdIZDhKkeXWmUcamxqUdq+aWk4TqmnJMtvJXbL6h+SuOk+tNfna0uJ6vcSHR6gvGPFDUu1/3ye/squuzge9BzfsHVMtvQM0n0TvklrrbNA6o36sjy5HKHJ/HGwfbJ5O8rsAIRXFjx7uP1ZSlfRUiapOqWhs5J6Eq2ul4mzPDqAV1zUF2sf+uFaU/rhiQeKXl038B2//9elH0+MZtHo0cx8+vnhBZwqZjMq8Zel/dMe+AK/yw6jZPwztPxjqL/5wxT/eykq+Ftfz6D+vPhQ8rT354Mn/26odnvxK/Y13F69q33gN1j36YM1pf7Cfb2ZnbuLJ33vHdH/Rf379jcCOZj/heLr2+EP4Grw7ZAAfD70OGP+0DJDUWf/xef/FD9asAKQoaTui9NauwV9/cvj/nSr4CHzMy7PR3nI4+28bGwM+tv6hSYCrPgBcLWAv5pcvuut/HvhdffK/vYeKPv6VfsIRXB34f+pJn1LDz/0yu8DFx6CfYSQJj0lp+Df//j8AQToAAHH9t5D0/dHorzLDt/GvDXCAQOaXnIph02C7O1+HiVamFELwVhGUrvITqNfKtKyF/BQmyA7h9tAUhfFmEIE3ZDoNpVIv0kqE0GPkl5gwJKhDoRdq2ks+Xo4CH2TyK/Fkre21USDtOXdthupKtqbYQ3IU+IQOMtUNPUm+oPZcgXa0MHFewDRv3kLsUbQExt74Tz5DXG6h9L+u12mIYbfqXpgaFGmjxJNETG0lI7lJ9srdIYfuD480xzcBWCaDUYdUsAjUoGg9eN6FPrwurgVKjZJibeXWFVu2o8LmOH0UkSXlZV0iqgURbw3Aqs2kyDDbDe0pWsKLmhdw6riVchKuVWKOjmsMkSHYWrl4EVMCsfrI2xYKWnkjWXIU0XFLYOkkCgSxVlcTk9sfl2jfQ6Xg1IC/SI5iHFXtp7m3eJ3RWpBJ9VFUz5pl4tGIMOpt75WhCMhzE8WVk6LKhhnHLlAkeVy7FVDfTI5rmmZCu4ImEFXTo3NHPtYqHcFzZoYtEURCfTNBEETuXTJaw/cCYbJxYqHdmQ/RizhHQBplgWY5WoEjbr84X2IwCzKWxGHA81u9QyVJ4CUBZRYqZeda0T0s52ygJwHoblNmQwjt/sO9aj4ySxoyYqrJSA1xIViwZTL14xIWGUk24jBnSXRVQPxSNDeq0yK8jjIXttjT60W8LVFNuY2ZID8EsXNzK2G8kbjSAcJludneknNgmtrQEiHsYapVo1MudccWSeRxORPQmF56GU+AXzxCXsBWtyFDwMYKFkbqs24FUcqGseCIADnrsqgqAHQvQ+MZTCuHbaOkS9wjTkKs5S7ZRFoNkjhWvWpRxElmjHvRlYnHyGk2pCUTTHIWc5wjl2titEvKjbKyRBmB43nrDYk746liKOGY9pKVAI2Ofm68vFInOquBnDEjhyWnYpgaxaBDyeUat9eYFv2pe8srIS/CEplpkMOGqImBUisx0KmWSt2oD4bzhSW3KbZENkSsgHU77GGlaTTFkQFUxKCHkReXDUmtXUNDXXPLeLJwNNFStvLW6tnFPNyDI/rCyVUh8ulaPu7RcL8neHk2MqCYWs6VA/aSzNJ7a+OHt+jhCjHiDulkdLAIaFBZ26xo05O57C1wduTgccfL6INVgnJDuFcgvqOZy5P1+HUKCydqUETFYkAzorAPb1pFUJv7CXIbd+8xbSkGy3zNA+5alNDJeV6GejDsWqwegVjKqZXl1bMsXqnJ3qr9X+amYngQYjMYE3AIeOXwxJ1h5x7SYVI596o7Qj7ASg0KHUjYEDkSup+gDNH1blR2cmTPagl7ZNuZKFrfO84TNJRCrc5V86TgLgIkuW67SQtD0SCDDWEJzPHpBW5+6RYxFzaBmThgCOtCj6Z/OhnbcTBT02skyjA3wsBTKpm4tkBCBD9yf7O+c4RSpgW6Y4dhlZ6lC9Jj1linXs4UPfV6omzfG0EysSxpllFYFBPckbSLFHo0fSkeNZRAEeSeANFj0K4k9TLRWQuQtaVI3e4ojiio5YwGrg7RpWRIQ6rXKi8xhxSTI4jJmXnGRO8NtjK3nG5halCkjRIvJ0s9PRYHwbZ8VRGG0CiFzHF3q0Ym2HJokC0zbfHgIhcWahQDjSLdu3wMSihewcrlfAlWjZmlQyC1KrBeqUklEjkeYjPZu1tMh5Bjjdfbi0IxRVNBEBAyhuQ0pRNOpFHHyVkI95ILBROtZj5H8W7gDx1ewSyBIUO6CH2kriHKvgVSgcxxVUDcOwLga7IlZj9EbyUk/gDWAWmnCchRuGarXlTagmJkSchdwWNtqnXpcLV2c/Kn45UvHdVoq7bhmZplWOKk2zHwoBMj0EsEck40tFyx+6iigCWbm2hXDFKk6yqSlLwUGVHjPCJyTskhmA3hjgJz5LU49IG3w9dHw0Igo/o1eGerrXe8HS9I40313Pug+Hb19NjVemHG9vHe+lpn+ojC+l6NBJ2MLf5gBrIVeVjVXCQkRzwgA5tcr2izOxb5w/ZyEE5yizlsDASNtcQ1c3kW8GA1MqBY1mJOyBx3d7Y1ob6HtwOKSDFMjWJAFTlDFnoUh5bkWsg161KvXNPRttYciC4qZw2n2wYGtetkJkdrMCF/VHMAL2oURPBSzlQqscQOhlXeqdejVhw9JSMjkOLhrTWt+QzYmjzDkW8HJ6wm2t2wao9gycdw76WS8lyr1oJ0xY6D2aNtrljk6gdGUDpEiW9WSgz3VjBWbJWLbC6yEiOQ5CKbi2wust0Ea7JOzfluGaJwIgbr8IpjoINVgk4zRM0XwtzLCsncodQO7TRN1HuxVEcfpZrf4xtlhxDeMHY635ldamnFzzk6VqJiMUyNItBlrWcnRZ6ZK0ApXd0LR5Xca8m+NbHYEDBK5Dprr+3Y5JCsqQeTtLB6HhHZEHPGBE0gJV1phkSgyv8+N1FjPfZybIjcgLw17DjZq3ZBOV8nkQhDDQomWsVaSW2AR6lIlGJA0W0ryLdCsICi21TYCSRtQLcwRcRgQ1gDjPGmRwqUqYKkx+ZEzoDCimFMHKTWlNAT7XpHnphSUjZUW60VknByJXfvkp5oJ14DQeQTpjqgy7urreBsmi6UuMM44Z2FlVERqnQ+fTh3as6sR+dCFnCTrQM3v3S/i6WcUzA6A8eJgisa5vah5Bx7LYYAFzPYMgbWzdFCFbAqQiflxuBDUlEYnHU1OZyC0Rk4lq1AvQwjTu/Ya5EbAy9iVHCwIoNczDRN5n5ayokrrzw6sbg2qVYCaCPPI7RlsjoCTFCy3XFiMteNChL2VQI3LRuCURjZiDoiqLB3WZL2MQ6KyMbFyOxWVdN0C1HnFIzOwHG3gvXg5KhhFnmXBNupyuEUjM7AcaLgDELZh3J6x16LLQOs25oWhyvidOirAVw5NOtZv7GxrbisuMIRgZ84COaSMkPYtKu2rE0j9XaSfX0Qd7raOTyxwvHgvxGwXxZDeiuotaN2QFQdhF4BAyWZMraWLRTVg1HNxvs+ZHUVGTB+L0WfU/ljrSAmltR0otmrrFvyIBioQD9V02xiWoJfS+EmZrU2iWU2UaPA/z1l/qdhslimhg2cSKIjOJMDwXV//tI+qiQ1iPJVANW1AO/z6u3053OTZRtur7Qm9+w++OHK6t6h32+ov3MnpOtwh0Mmhxxe6XKa2fHtM4pZhQKeC3RtBXw+nE6QI2bNzMICNsda25v6crBXrdzd5GbbTuEpb4I9fXwbSqVixPWs/o00XiAa6mZUQ0Adxu4Te/wZHKYn1kXmu41jQAzzC8ZSBHuH3F4xxQ5ulCABySHaG2UC/1vZmA+B72lnv3MD311JrwZiNivbtR0BA3x8XVEBEOj6o8G668JY00504sbW7Hxb89aiM8mbSxJowQ1VaoDS4MLGZn0EqquW1vOl+ao6V4BYmygWK0qFeuaUNq3KAvCmi/F8cS0xx/Xla9Eidp6WPb7LJkaXG+DzgsWO8eUww7ISDD2t5QCaG7ejTmeQDRS8C5jw1vpJ/2i6yDWZiTxGB3MdnLpp0SbUZ1qNRWzn3jJmbRX+nMQJT6Ayw7xVtA75JHJFN7XcqlxNxle1tIkwMecVw+EebfeTybNG1NllgbDWZe251Z0iFSyHcC4yz0eCRDdlTSg0KzRFQdOlLYSdIunJSXtGwKXE15mWYdFV4c9JOuEJVGY4tlVogHwSuaKbWm5VrgqaQJPOPPE2+1FBCnrrTIGWOfEtJfVcDcfKpTrAkV7arAS5IABngGDq7F4PJ0ox6qjLUcyBVZvGX+BLkx2VRgYMv/sfjknjrb4wESR+xIS5S/RWcDnc3g0HHXYmM9b76xPjP2XmV7kS+1s9NezCe4H2KJplOYh5KGMM8+opnJc2nTn3YwC2twZaeD/Qnb7++pAXruT71PLlJrtlmRrBfpZf+O2if5J3tdHuNxaDm9rfWAx7Rn3gRExRrLwDSbJzAJZjey9HQ/Yg3eRUq3QhAePn+dD0z/cbKJexrKaTpIuSDY3nP1h4OusIbD2AkHvJVl6TpSQpVtgtADTey07erMukvJlM1yiaa7IOMd75mbkcRrW95RaElxy16ZF8BglHImua8Hc09BVTvgc4FQYAu7rM1dNWuZPH1OSpHE9T4Er3ef2T/fJ80GaS7zWiPgbvgbrHtfFbanPKq/4vdjLBNdlXYEkNFzXY+ZAvLdEt3s6+HrVXiSRjAycKLFNQRCXX3MWb+USjzJVlYM95bToWcFdX4MY8RwZ2Sp11vyMEUjT6rhMo8wu08cj6BKU7aE1H5IKz0GxHIJliEE5Yk/gpO9LLAflheTS6dEqRDMLhKh7ke4eDE9YDOTGwexCtnwea0+QMWEpeiM8znn9DfPdD9YXzi9Q+MdnvirVWub7Z4DQGAowgkMGzXWJvdCpAiWsnt1G+VNYCUvfnt6BzLzx/KXSjbA0hy9Z6+JoisUCgSPCHAkFgCi+fmeEAXotZ1wWcu35UXv+ZedLH6UVvPpYC5lx1eSEXuhuIwlw0+ZLGzmppT6MnTs1dTprqojyv0mi55WlBwmQtt1CHkQmRS3Ww850JtenI+gxtWe1eK/d+ydA7aq/L63yE3o92XXGGRETqTIGhrkMJJ9NpHZ3awhxjrYtrLAYOA3FTFuGZ+AfTcal9cvGkUVlvwuxV4UA6rFDiu5ufOL9+v/p/Mx/N7m4+fJGK/c/GEvZxJ9q5RHrZNWgVTfwZ99mOMT/fGuh96mRSa4kkAl4YO7UuUJ0cs3GyEB8KoJ1ANKJ19heMShlLCnPbi6mL9PxBhxsfjdRPN4YaioxwCfldGyA/NhDRCtTiA2RhkbaT8pDAdYAy5vLkdyzK3/iF9Kr5Nfq2yRJw7M18f88JsbAgCytCovVb0VRxWATu0gvX8FriApTZ4/l53vPc6JYTxiCQz+SPWhBMTTk1dGIlr9QYvDRMgbwHzLjxPH3yWdzTHT9Lcp8clxJBbnMG6GlknjDfhTkraPFCZ0OIrFVl44ndoXc2wL4lrKCbEShYIgGiE3qpCXHrb+GCTCB+27ojAABf/v36x2Fv2MR3/j8+yx9r5QAw0OKtAvxfuVFZ57cN++OKb21/Hdj8uG1o4b0xm8gfl7FYzk4aRwAmMIDqd0Reu0pVfPzkafFfMmXbGc/iEYi59EkH+Ob867Kmvb/FS3vBaOJXAfIh0w+g3FelZ5Yic5hyt0bPFlKxYq19gC05W7TuPce1LrCoJksziDgiBJyTOqIInJOKPuocbXOFhzIhHnuQVynkT7m/JN0FJGUPYZ0NeORgVQ1XUJvkPbX0vrbRyzCf3NTanT3EZi69wtFLXBNbDDMnTnyu6HMJvqc55eM9FbrNJDdJfR4LaxCAIVMrlsRze9SxX05GNqX2gv2l8fQSuN7p0sRYQ1yLCagwIZaV246oxMrBtmMN7YONFks+0RzRTiFFhulj6lfaF7hiMDDuiXm6G+6nfEiQ8v08S1ESP4h1rxqhRC6/4jkxl2p96zRsJ20V/bA1oPykNfKnsG3J/H3c4bRktXwQdLQyQYZ4qaHi6sMnSZgKuHe4LGwS8EPl3LvvaTzAWaiTyNPed8H0K5YzvO+iHpD2HPFLJ2n8iSfNVCn3omNaljRUSI5jh/y1a5nWlumRkMvSW9kS082wePigJJSPQRE/SSS/UoDc01VqxIcoztXketFD2jQHNuzJPXo5/OBAksuy90LPsA+PsKyz+cUlOM3Zsseqlev/jjW4m7LPj1oriDyy7UsL24xcEySXZi9HOuRdWW8wyatleJNyip1L3FyIqRGWe7Uoed0QYkriM2Z0MNGecI3MAY6WXnRRguOTQSKvDYRQDAXivm/1Q/Krlokg2pApBoREHl1UpCM7t0fEx4Duul4zNW9rQ+4bkB0fErN9KU3dnk3qTYMNLwRfuyZwW+lgrfUaLJdewkPcPNiQJVe9Zvo+e/XRDTPUk0WjgVMsyxK2qY8PH18H/Epk9Rz7tHMRwapij43He2/E9lMg5G0wIPQhOcs6D/IpsYZs83cPeE4FezhGW4EtmHXbJaReIetFnIMEEkgggQQSkSqRrC8K7b/CnrbfrEHQhTpwpJMhNIsZYzvhwIXe3pN4u088aN48ArqPuXT7/MXlfDgW7YPJhsQJbIa1V6//K12EckyBLDQRV3b0NeC4pPDt0lg4zmioMeNagVcvcadiplnXxye+EZ/+NZR7skojKVNP2jzjaiouD7DI1tpnKC/lJF+6Cs5LGYeTlDoJDUwikv7sYyIxJ9ebYMqUBMbJGMZg6zymvM/G/WKQPeNkj/sXvCyK+oBGFTOpVZ0HD67ofjPYVtmdMOCJGulZ7NIID5t6dsjZE01fKoRUVV6aKDf4qNnnHpkVHrSj+l6fFCxRgUsS5R4S2tDh1yAkPVuaTjZ2L7WZ4M3OX6lsEg1LvZDVMkjgkoThxwlQ3gAajqoEYrhCCCYYoDYNmGut7MGn0SGTTokbF/zVn4ltCPCxA46ZRIyST37HBh8HwQoNS3yMiIMC6KuiHg8UiHuI/cHCrMAXS8mKGgywiLZGHnCwREkOQuMz/BDzpNW5iDLpSpSnJMv+7Im6MqJUUanibG2PDGekiEyUD5iPVvE4++RFiCs+GwyMsKIhL875hhHmB1nikIADjsg4tmh3K3ntrJOw+a4eOSq1dGOHcUcQdwJFruGRae9aVpneZcaTIZpBe+DCmjbomaYDPrDcf90bqG2dnMXuhuyZpDvCSvwkxvrlvGDYIeT8IWfHLpotomvDVc9RsIeMh5S/WbCUeYHRZUld4Y30bZMltWpHaItSbQdQcCbXLP/iShQDO/2AOSQsGc0ZK0yM2zkRYB4e02CqVaSMWicjGG5Opt1oYDyKVlO8/KL+i4UGIa9s7QKydRntUuQyETSp9jlAZnMLcCMTSoOw8P5wSFVOh1O6zLKraQKekrC1mppNXcyCzIhof14XrNxiWDK6bXaSYo4+ZnMbEBsJ4w0YbK7fedt7+S6ADBul8QklKoZKQK1nJYzv3935Xjn2aXjr52SQ7ed5wWOGw+bjVlLDL5r/xGUSIky8Cks8gDQODuT9VgB3+WsI1t6sEttNXKxZZ2bbp/FrPOvSEmfyToFAx16fkR4OgAt9xMyDa5tMPaorUzQG+Wo0LNx2U1aV3Gn8Igyu5aYyTlG4ElX3k2rvtI5IvpiTEd+P3hKdgv0HprUu9ZyFfRHT8W5ujO0nDPc1e8fCJ8x83wUtU1PigAzvvj/vZ6LfO7OY120wt6fQfIzlMoar3ug81sC5Fcg+5X68aEY8OqJMnGj8MVDnoAHh73hUF5cAeY7tw6QyMertPYPAdhIXmg/eYFWLwYbLccRe1wEnYXZC2BJDaOcs7CZsC69GHdp+rDvlBPdvYRwOZ7UCtpliM8WEZjLVr+XzDSdVDX2OAF9nlWazz7F+ZnUtKayeAok8yYa51dMwUmoHkSjWvIYABERJA4bk3aTz8qJAiYneAj+qCgLGFoElBxZY2DFNqnKedXEgO0AIf/1WLLS0VMn+WOxzdEUmmByXU0/9kkT9KHdBQLO0Hy6CuH0+9FPB50sqfyJKKqS+oUwy4Pt/erWeuilPto1t03BUgn5D4/aQ1WjReLcq0tpoNgGx+vRP+HjnEq4/jsjOOQVj0W8l7s2U1KjMypttnUKM/qzxI8x7W9DedzjUe/UU9jAVzOJ0yc5AzrYbl5dhC7rAQGjZ/jqJ3xfp5JTRm0nf5fq46pPpaHIcDU3fXy3T/+GaEmQYhM8wqndzE2N2tP8xOY4sVe8szf1x9VlV3GDr7uHHPD4xbO+N8l8k3+ett0O4E88rur4m5e8EmAnBvIRREHtDoXIzIrhgAfN2CKNxccpw9lvvIe3tXJ4N7tMIuUrEjacBjHPJ577YlgPQOwKDZI1OAY4UmI88sfTkYTfydc/S071w5IHPSSGZLIKunwAncDUUP3Hr+UmO3uHmam0EZs6eDQBldM47K4FhrKmo4QKQoIqkkpGtuRGXgQ9EbyA9gK/QBSUSZ3DZ9SZzyAsMlKrdElodCR4+ioIdm7pKTsGB6QzZSLhp1WENBjvFTk2gK+lxzo27ttYPeDKUkEoVQPJ7apavaxzTxFxhVwzB0qOEHtGAF2xWkrrs2Udq9n5AZQqOeAgC3cKIVT33UzsUxoQ9q2OM60aDenxE1h45MLRdiUfYIgO8HRdg+9fGgTlZ86YCQypQVVOSg/yTwS9lsQsW/goxohTIXYA/0SO6FIOvjifjz8SQlsKaTVfoU54McRZUedsvaLjSAhdx9GlyFeW0ebi7bFR1HkwisH5cEULjPRZxLm/jTGdurZmSD+akMndxonMYWzaPOy0Eurk1B4OYGO0d+2fpV3iReFoe8sKyXSmlelUyVEi/Wk2OmOHbgIdo0eQ0hvjSYr9FPlZgcK7h6wTIu2UKwbYxLqo+UOUjVnKcXvkIQsyBLCU5ytUHu29OI9OMKSttmGe1jSJER/zBe/JMt8qXliIwW88qHCRL+iO3RKlI6kCQ9ipplBzYaYBGjNd8Q8/1wT9L7NQskssCuKgaTawcRa8zMtKzaHZ5yQxlZdrzwzckQm8iztmMzIDamO2DHQBbMN/H2hdWbjwQJFqFI4waRjECuSoXWTFrp6FJhKUe7PmDW8xEA5fH4/eMFJDjZDGk+xkgiLag9do40JHS6tJoVy9EZMWgNmz6OyBUU8ADS5yYE4cKT+GMHI7GmX5LTQm3wIYg00ME69Bba12mdVGzpws5IV9tgXUcAtyWMlKm0m4fiJIGlanQdTToRFdD5vUbR7aV7hhrUgadTqu8h5EK6jdqBXIP6SeuHIeuRGr9BXuU6Fi01GI4h0j/arO9hiMdEX0UtiDreW2coSC79UUmgB3pvTQsoYoIimAMdlTZkbZoliXlXmTQp2qgpEwYrVZ3gu2Q2au7PXpIWMbW2bNmDYnA+h1dDZaZZBLAYiMq5myY5JFiFf5KGAW2EWSfrp6qNVGaMwWxzBKjSNGjJmVOpX0s5b6m1oSbnJNRlqMgwJ4+oAcSK9KZnuxAbUQOh6KZJ00ImoVScGL1cwCggbYdXw3L0q51KNPMJnoUspwyfV5gdh5J19qj3ozsAppTclzmSpXsjOHqKLuSwW6PHJZrpLe1Mn1gQYScVsRApEmI5NVZme+qYbyPWoS6i5Ez5tFUkXsijH1gnWKnOgVERIjUk2RRBel541RIokvMmDDKFC4Ode+C684HmBPdKbOFpKuYuyj3cZDQ6qjL4KaHoCPTMJiRbTji9DQCDkuNhMoKHfLOH0dBZjbjvwo1zmjwzzOHQU741RgTiTAwo2JbfyJgdveH4DPqDEP82DIcaZNiBBxDNBKs02pkWEbgUOSFURE9+0ZD8GPN6Cj/BBgDYp9IY4TPU25MCH9aOdBXxQzns6K69sZKf1nMcs/8zt6GWp25+UJSP5QHO7HqIuvq9aa589xR8Llyp3NSV6myfZ2e2wK+UhnRIJaqX4Wa53a9pvO955oXn2JM3xlaDtW5xTRV1KrrGw6FLPjxkpe5ipTbRdRtqzPP00qx8Sa6pmJStlS80oKq3tilUqZIiZQrr71XzzoQgxGnq9xw6Hvd61YfqH7zyOJSSRc/A1dU742i5+r6BVL9IQyJ01VUincln3WiHQKNIx+mun6jTqp5rsfaWPc/IUNpUZ+hjl9kOpaUXOiSerdGf5sv1NQfwei8g5KN0eVTzDBwfXB/5k7zbDa190I7Hl1Jmsp2j/fzvZPxhaZ1nH2Ng3pHM3dN8dLQQZO0LL2r81Dq/RY4jW7xNLBIeazYFSXTpF/klsHoeYFk6X3TUVaiPDr1Xcg9MqIMaklFH/GlM7GhU4ZO+waNd35eQeK4OjmKPqZAcynk2v8kmsjHxtFrtNvviPtLK9P7VxD4MOJSAp58d6u1+AkR34JtpnuO4ESj25HOMaa+nkyWWruJSjSJLsKgtV59bVtn4lBGFiTbX6wcvcPU++Fv8b9H+7cY/tJX2WZzsYuEjBoNxphgisHi8AQiiUyh0ugMJovNAUAIRlAujy8QisQSqUyuUKrUGq1ObzCazBYrH77QML5Df79jBcLBCxIsRCgCojAkZOEiUFBFoqGLwhAtBlOsOCzxErAlSpIsBQdXqjQ86TJkypItRy4+gTz5hEQKFCoi1tDU0tbR1dM3MDQyNgEAQWAIFAZHIFFoDBaHJxBJZIqpmbkFHdHXXI3OYLLYHC6PLxCKxBKpTK5QqtQAIAgMgcLgCCQKjcHi8AQiiUyh0ugMJovN4fL4AqFILJHK2HMOX2u0Orp6+gaGtsxk8m40M7ewtLLGp4JYjDHOBJOYzBSmMo3pzMCMzMTMzIVZqFClRp0GXJMF9C2lDl169BkwdG5605zkwYcvNAw//gJgBcLBCxIsRCgC4t8kIa+XCpSrj0RDF4UhWgxHeD0Oq5EEbOuivzlScHClSsOTLkOmLNly5OITyJNPSKRAoSJin0X5IlqMWHEg4iVIlCRZilRQX8GkSZchU5ZsOeAQkHKh5EHLh1EAq1CRYjh4BCVKlSn3MkKCasGmok2nq8ZQo0+NSSOgJlsjg3ODgwtsKSWcof1nip26dOvRq0+/AXyDhgwbMUpgzLgJk6booBJLDtWYcHWfffFVsxatQOKk43XALYDgnHHOBZe4zBWuco3r3MBw9OXBhVtssZURmG22M2Zih51MmTG3iwW43fawZGWvfazZsGXHnoP9fuLIiTMXrty483CAJy8HeUM45DAklGG1oDB8//2ICCsQDl6QYCFCERCFISEL94h6NbHES8CWKEmyFBxcqdLwpMtQrk5lL7cK/Nc9Tz4hkQKFioh9FuWLaDFixYGI1z96dyRLkQrqK5g06TJkypItBxwCUi6UPGj5MApgFSrisMYsJS9JmXIViEjIKlFQ0WyfofrNWYOpVp16LA3YGjVpxsHF06JVm3YdOnXpNvAWDt1vAN+gIcNGjBKsb9yESVQeerBmfAP2WdWimc85vmomHRrXjpfeg/G2ig1McEEpAg1oSFCmNVyE5VuINOSDzmEaQiFrITCCgWZMxermLG5FK9Wf15qdP9hz4OhPTk5w5sKVG3cnefCxI0Iz6KwAC+7qgwQLEYqAKAyS6PtjuAgUVJFo6KIwRNv9LHD5QV+iJ1MannQEoKo8nR9sQhExNhGq/JRjvIle2gSJkiRLkQrqK5g06TKwflDqB0GrLLkr5hEBrQqn/jMNCVkl3U8NzY+oxVCDWVB3FuP8Zi1atTGBewvXb2Pn4OTi5uHlg7fGBD8yiUmkE9eAwIREDigRaltjltSujKzc6q2wota87Tds2rJtxy6RPfumFUkGozCZLVab3eF0UTFF7F3mIoAWruJqKVTFbrR2b1ATtVBvqfcWoe5qEEhwsMAorlyeJ/jOI5EpVBqdwWTpd6EvUFAgXDuvplMFCqcbs9k//5Tlcm5DU0uXC4HMmaF4zQlAkvCCMAQKwyREfWthb7i80N06S8U4NDPPcqUS0MxILJFKaiHpzw9ulRoABIEhUBgcV9/CzuW1D/JouYz+rySKKuzKaXADXryhAqBtacd9trZTD9AGgPcRhmAG/r2PJxBJZAqVRmcwWWwOl8cXCEViiVQmVyhVao1WpzcYTWaL1WZ3ODm7uGpoamnr6OrpGxgaGZsAgCAwBAqDI5AoNAaLwxOIJDLF1MzcwtLKmkqjM5gsNofrHjQzEkuk2IaPdaFUKYKhvuGLoVuPXn36DeAbNCSELbynBMaMmzBpitC0Gd/M+m7OvB9+WvDLoiXLevoGhkbGJmBCat4XxKWVtQ13BiCIkqygarphMlusNgwWhycQSWQKlUZnMFlsDgBCMPmWcntUXyD0Mf3cC6VKrdHqJITe7WaL1VvvvAcAQWAIFAZHIFFoDBaHJxBJZAqVRmcwZUuzHItvh6KFqKZvdpVao9XpDUaT2WK12R1Ozi6uGppa2jrrxub1DSyjvgkAiApqFnQ6jkCibKwt7Bc3nkAkkSmmZuYWllbWVBqdwWSxOVweXyAUiSVSmVyhVKkBQBDYVylByGYfBo3B4vAEIj/T206h0ugMJovN4fL4AqFILJHK5ArcoUajNQy/Stdcd8NNt9y2Ep3knvseZPmL79GLXnSl0RkEk+Rm8fDhi+/sr5hXh8MTiCQyhUqjM5gsNr61Bc7HCMrlTSg8JhT1t1kilckVSpVao9WlhXPmwpUbdyd58OELDcOPvwBYgXDwggQLEYqAKAwJWbgIFFSRaOiiMESLwRQrDku8BGyJkiRLwcGVKg1PugyZsmTLkYtPIE8+IREV1JtD7LMoX0SLESsORLwEiZIkS5EK6qu5uiVdZQqypbUxDpW1han5MApg+UV7teDgEZQoVaZcBSISskoU1DGGX0R01RhqMNWqU4/FqCm7Ret8EzMLK5vomsW5h5uHl496W1YoERWB4mcBdkFgCNNTGad2+qGblJKWkZWT99uKVWvWbdi0ZdvxueZmTldJBwJKyFFKSD6ap4xkgpRymO23DsvxgijJiqrphmnZDoBI06nq6jeVwJuqqXZTtXRmQng0q1ejxrzokFrvvjoAIAQjKIYTJEUzLMcLoiQrqqYbpmU7rucHYRQnaZYXZVU3bdcPoxITkrK1aSmhule+3XmgXp8v6bUCQAhGUAwnSIpmWKWkbwdRkpXpbE6NtEjT/CC0Q0oSNKR5eVFWWl8vJgjBCIrhBEnRKqVjHN+LLUqyomq6YVq249MW+E2L4uRZuSrfzrppWb+SnlHbvxgPR+PJdDZfLFfrzWHvwWA0mS1Wmx05nC63B4PF4QlEEplCpdEZTBabA4AQjKBcHl8gFIklUplcoVSpNVqd3mA0mS1Wb73zHgAEgSFQGByBRKExWByeQCSRKVQancFksTlcHl8gFIklUplcoVSpNVqd3mA0mS1Wm93h5OziqqGppa2jq6dvYGhkbAIAgsAQKAyOQKLQGCwOTyCSyBRTM3MLSytrKo3OYLLYHC6PLxCKxBKpTK5QqtQAIAgMgcLgCCQKjcHi8AQiiUyh0ugMJovN4fL4AqFILJHK5AqlSq3R6ujq6Rusb378/yoHEFQ29Q/xFjKBSBJ9g/e2XWglAtxeIdZjs7qwEiDoOdn5j84/Bm+Ax4MQjODR2lEAIR/sB+DEO7i+PDiB5FE0w+pGBfnhfQfE87rXvwUBHnNT6QggeRTNsJZOW0pFJOulqNJSkcjLkwUVeVJ+S8JHYCNxi65eXEp+UmcleGlMeJIqFUVfciKmsBUxAIAbTlDmrt3KWXV0kLzScnJMRDAiL7OSDWZ2FSdlFozgqVNIUdTWEyDE0WDZSG4FZ2hhJXkUrRkdyahvhQEQzA5W0p1o6cP+h5CzIc96OJLpe+HlWVV0rOXKs/fdAkyEERTDCZKX0pbgTkhXlC9BtUKlCtT0RneLZP5NHl3JiAWvGlwJQRAEQRDU/apXSo10BpI8imZYc6a98WzkLGs7HdM9V6ZG7OnlVUUOwSf3nCGFZ7w7alFXekjeD7d3wsupkORRNMPqxgTJS2VfdmWLZtj7cCCAEIygGE6QPIpmWN0gACEYQTGcIHmenYokPDOvEtB+HiVGKO+iirQZKhSZmRtgZeREHhedRCoDmCV4RWnB3aNZrdFUbQtUz3RGw93Y92bOs6LtQYlwQeV9wRkBjLDlDMUSCU8zV2UvVYlnYvms2CJ1XxljaM1qP7iGEI5oSYP2ULDl3gd7f02grVUAQRs9radROxRCWD2a2WYighE8WnssXCeSdymnRhAEQZDtZkYi14pq4Hp35rCitXdR7y/rkRqLuEo/WYHC3qYEa4grAtgevyOEEHcCeHTt9saDimyJVJWTMpHWDoPiPq+zQgjmrNfsbO9sJWfMVk7qrBHMQyOtbQeuNDh7WQ8j3Jb0rJC8VE1LJ4BHa4eDaAyjOJmyEoHy5KRORDBCb6xgRCHLbjejRMxJ23O5pTugQgiWoBQSW5zRvhaVvvYeV47ijGRlF18MthCqCFajSyL2qezrXYAuBUbXG5Xkpe7CpXXoI1N4DxwJ5JZnaRLLpe158rxRewYPw+yqfcnWnZfDQbgy1r1U36lRBicrgwskJT2n1aNe/R4JtMIY1mrNUu/0tT9SoCq6S7I4ate0cB2DYZSdo5Mr0/OJQzOs7uScFYRgBMVwguRRNMPqhgAIwQiK4QRZ3npFdgDay7DHRjROqZHmBiLqtXxBJanKVLWab9b9IyfZTzgUZ6wWrDgRgnAfHFAXd7VOjlkdfWnPu462aPlVZut38AqtzA/xBJJ5msOA4qRnJwryptQYBZykNKOSYnSjEUbjsyJtBRBeO+ef80Ufxa+0F3/+48f/rO96IupbZ4sX6NeTQS+2RK8GeCyja0IVr90jli4aEQk3uaApDZWIoVK3nG5xvHVJvEILj2jDdOk4Uq3ehlUjw0ccXiM5h0skkZl4qZo8cuiMZnkXrpS0WznXnClVeuR3p6ZSMhO1hiI6RNeaoPY8N50ab0Xc9mIqpXNCXjMHJnA4VTE6q4WVFpVka2xGhaMlsqnqQ6jzWWcLM6pulljBxhN0tkQcJFVWtwJACEZQDCdIHnU30ltwt3A4xrj8iFgXkU1myr4DLr4Kucds5XLrsrBFMVX0Ze4oSpBN5tDSudIxQX3kKOS4xzEcCFGMkQPFcCDDgTDDgTCKkxTDgbCOejQAQjAilUeG9t/kigfLD+X4qtcOR4ZclKj8VQDuveOBe6jlhbwKZFA6PCkuS58ZiBKvlEZEWX76Jikml8u5NW3g0kGBYATFcKKss9Ud1FPu0RQzWr5lLShPdwqM4rUru44siVwNeVvg3//QLjOmFoyIsdwOXyAr7C1eiiaja0fGS3pi+yTWJ2OCLpVkjJWXSjEY3XD0STCCEXlIw63EAaO4cnihOEllRPd6iM1ni0bFbD5DcdoKn6RGCYbh2KTVRAJUnbRsMtckHhJSt+ria87n0rdjcUkd2ceK4kncjEP32BuHnigOsUDoJC5ac16tsibFDbrlRB7oLITkljOlhmjNRbuwIoR2PIAxok7qq3cX31xtCyF5FM2wuuPeeEHyKJphnSNt4Y5vPETYN9ue+K0gHgnXRWuHsOJAz/OpR7PqcDrgmhiIbJWLmwnk5aAIMg+UOhB6AJOFzhYczxbApdUZ9EJriPdkgOqhUeiHAgAwpDCCYvLD4REgBCMoJh8FIAQj2O3cagJGpK9vxHvkm07SbPVsIwCEYES6vDQmd+83AUEIRlDM1kpIkiRJkiS7CTCC2UoiuekBdKtvTgIgBEcExdxSuRkw20xgronS0qtvHkS0hryvQyHCSDQXQGlaASAEIyjm1vRYlmXZo22MEkl4kxwACMEIirkm9fYmQAhGUEw+jmAE85mV2rQ2IyFx0jeuIvCmPU5TsSJWb7SkoFmvZLEsflM6H50Vp4jH08Lop2shleRwFB9iS2O9K7EohwRJ81Q+tLKlUUER5CGo/KGkdNSAu76YW9CPFN35xk3RR4J60ByvR2XChwddxyYRQVgjPizEoIuaWXCoa6MJbbXyu+V7WlcX14EN6lBmr7rIDmxQIRrD97gutseIYRi2+VQQghEUwwmSR9EMq0tY0GQo62sV8lBcD+FsPN24Vssp31c8Y3ERla2VEnWZ3WbNUzRvAl/kOF9edeo38pntHZhnnnd45/1KoBZL3E9c3fLlL0Z5E67x3cgKIdKbfL/VtSFcGNL7vOl7DTLPObz77UeEPMtcOOd24Sz4KaAq/Q7Ms4qJWpaE1rkTrwRNTi87nQGrN5hgyaE+WLF4KZfk0fu+IBbt0n5f4FqCtVfxrqtgnSwIWsPtfb8E43M6OGtbdV21udYd9DP2jUzUC5ZxBQfVwrtd5Dmpdeqiqda+S7Z3/cY+i73DptcsPxrgWcGn3muEPWv59DeuqrpwLtq7lW3fenLU0U3ES1ca9GWl3xd895dZ/DM/evvvfvDjdg4iQPgXrlljn+p5OgrWc6f+tBCFn/fqpdpJe+cW6uUXG3JB3fU85vl2jR5kv42wyjubhHI8yPR8mbX5dEMh3esilsbkUKhrBfNi3EwtXRuKg0jF4E4p2WqWKCtHZUjDEgGK4QTJZIciDsfwqLvRCUiClwqBdMZ3aytfGf2hc1WNJEn64GjLiWyOsM8l04ioe+zZK9f656uC6+CpAxSEYATFcIJknpbWEH22CRBbzFBEUQwnSB5FeyfvXKyuGwhCMIJiOEHyKJphdWMAhGAExXCC5FE0w+rGAgjBSG0/VL72Mi2ekvXlgTMoxrtQ73KB2oBGYhpMUaA23r74e8zETsJXnGT8Ob7emP/vb3///sK08+8ffv1fbLel/Lm/CP33w9//+e33D3OCTNyBtTMmdbzP3n74/6+5vL22RXf4nkPw17OLBg2oFMAhhGxhCgnRMM5TNQVe/WNlWBhDpINphwG0vx8I6NABAEIwgmI4QfL2+i2iDWDloPehPgJluPfiq4R/+um2uUPH0po/JWaBZBBExhQnyEisfI2bBxA2QDTx5dUe+TuECeGnT5/XfvPpvGA+EtepM3rbZjSjWc7kb/fOR95Ve4Ws4vtaDbIGr8dpHCKKpz3wPlQ9AFHICzvmEhuu5k5+ugCwGTdvYIZqmm4CCANrhX1cl5eM4cBQCzBSD5fax3pSL5hocO+T3cdSMoEI4dqqz8qZbq+TKQ5mSBmuGlxIT2ljc22ACBPKuJCe0sbm5r4aQIQJZfyI9yKVNjZXBogwoSw+9WoAQ+WQntI/c5Tyy/ApGApHorF4IpmXSmey46ZAMBSORGPxxGrI5raAQIQJZVxIT2ljc1WACBPKuJCe0sa+pj0FDEqptRPtSjxUhMHTKahusdAlwbX39GXCgJbv465ESFKRiWYVMtReiFvyrAaYWGD7QL4cOOunLqTER7TyRzZX4AUFUMsGL1iC03nJ89ysdQxk8aC9rQI2qg2mF0lxZY9sGoJps9b4c/qr9lgvXyM7bvZpTxaxanEfMqnPBcWHIAvOCYgkqAOzsYsRHJ9UUGtSUym4jQkpxVrxFiXpMlZEnFlZlef3Ij5B3+zbumE7H8D5XfM5whkBR5eU1jmRBU5Gy9hry6zOTlunmomhGV6nkwnidW2G/AX1+9eBmj9+/vXX3//34WW7pX79XxpCawajuKwnijHgSi8L+R+oFprnv0Ui5P4ZqcLlHFfkR0CJ6hLad+Mi03njaYQEYiGHKFxEgxw+Q5r6BGh0I3RZxVx5G4tDNUxeUrCGDXwPV6kBDxKbNWnFJXipBKs/xVhpddbUBBOfAXXZghqmJEOTUuphKS6o0nIRIOig1GQB7S3GFC1cmWSiMwIEI39CmuwQTlc4WVTdg0KC6wUfbMghpm1z/whE8+utrJLoRvKgJH1z8Y+Bg8Vqt2JuuniIglWMUgb6KW2jkXcKZBtw5nALMRRxH85blsIoY2D2e7p7YOozQg+rKReK7sumVODjIPcUQ/ea5gsBjSRAqYRwjS0wvgalLEQb9llIYmCDEoWCx0gpjj18J1klF1IFR2row1hP9FvdrvOFwe70G8Zu5onU5sqjERZmCABDSQ6i6CY8A/KnJcUrqrnKoBXkBXMXdc3mVq4hiWD2IcREtVHHZTBlVN4g9F6155z2YjxoorGINHqG+wQcbBCiNqgNorwhwYNWhUljiCfWtMjZqeZm0koEC7CVhdlVvo53gRS2YJzg2hQKlyNZQXTrKh/emUj31d0xq1VP6c+wBxBhQhkX0lPa2HEXiwnpKW1srooIE8q4kJ7SxuZqhAllXEhPaWNzdYAIc6Uzs6/jItlTxoUydtwpOg0XMm3nTs+4Pe7CqTZAhAllXEhPaWNzHYAIE8q4kJ7Sxua6ABEmlHEhPaWNzfUAIkyoNnbctTm53lPa2HHXOWLKpco8yubaAI/5X7hyrXG5PYyVcjetHXciwF6msSsmuG+IVs7j/RGIZKsAESaUCekpbVYNkZmyC8B4yszpufE8OFGu3sbmGgARJpTxEV++95w7n+X0eyXt+5YAIkwo40J6SoOnOQOK1+fuRd51q0q8Ah6BoTUqsC6YJ+RyZT+Xw+LAzdIylzkud3zedO49DAAA);font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(data:font/woff2;base64,d09GMgABAAAAAZ6cAA0AAAAEviAAAZ4+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGogMG4TcKByBqkoGYACBywoKiKkshuRRC89UAAE2AiQDz04EIAWMWgeByS1bBzO00v8f+3kvvCX68AwGeLZpWWtmP8t9dA6pxNFaAJ3T++3LZBGZxLYX8k19QYuO6hjDCxsOJW9Wv24obphO0QvXbQhktsjavD6L7P///////////////29rWUQ6nd3/9177UqVX6UiogUSTAGMZbONKCIljx04gSjOGaKvgQv8j4WM2QYowUVmcSipESV5wsWJLYSooxTSIwDUREk1rErO1uDxTaBmkzahtS1hEHaJyQQwFlQu6mvT6jiQYkFp3hjSkozGdHE1lFraJDfBkMIAlx4ErCgPn9NwordAX12q0yEIvYVYoYGAM1n0YohkxiRZk2drOYa005CTkjREIMUoJESJEi4JqKGghSlijFLRAK1UKUVVnHMm8ovbUqEwX0LzVlm7IVrUFIbYbTc9Iojyf93Eyo7pu1vmsCce2JAhHzHBwwVyOtFBZT8UV4yIi1o6jq53bhvtFfX0RGpeVWeaQWxnLjYk1a09xxtWyE9zuoF6zccU10OHGbU7vuDvmzTG79Bzx1wE6eHgrAazoPYZciXM8CFFs4eeIEbxzbAd7TiSQ77lbpvnBc9QNlOMM98jfejC+TxGtPupVcn7GR4w+OvnEaV7LnHscKXRR4xH9LtnSR4yZt+J5AWH6vq6YKjnFYkJ7bUU/Q9iw1+LiOdfrh5oJNTSpoRkF9YU2GsVmjuTrtysHwcXual0uanSylGlfJpppwyrGEcEcXbJoenbBmfNncNz0iQjzpTulOdvM2SEybgnxZZWU5I9XyLZkWnzkQ+bbATMUKak/XtcQL5H3KRrsRPiILsmFu7uf05vZB8U9cZ2x5WRZcArCCTZ0wJRYQOFAKqZDnrXH2OsYwlsvIbepIEL20xr97Z94uWFCIowQ4QTCCS34o/fc5+XLJVn/1fxWVcT6YFnxcfbhMqXvOulykq5HMZ9IYKqVwYGmL1mWZVLOYO2b7BkWa6KJwtcraAxDO4+1JSc2QkGHmu8XjG0F9zVmVDF3TBedDWNeHD3yYvhTP9O6rOjf/Kn3B9+mczHfR+teNMtzlU1IzG7E/zY736+hZABh/xkLOjfz8Mq5Wzm5PlgYu/2RO3cI08zBpW33TFMXNp3SSPWKN7jpt6jysAre0fPPf5MmsYE8XtIfJPXpu/+a/4Xn3wk9+P/L+3/sj/H2fR5tSRg4FbL3/0dR5O7OENFHKngDRRUVKnf7KCqIpY4KX7GnOI6OyTls4F7D2bIcopXDloxlhztWPrKifXvr1aKnPGZ4or+pQESQcB3r6dMWFt8H6BnihJgRFJuKFiIkt6yOhBOPNy4bJFpdPvQ109uT3r6ltdBBT1GL5Kc+FxgjsaZlCVvmd67QoYjgnr1+OLH926caUfBqNj6LJ3HeiREFeLJjn36zIgF5DkQy7vq2BBhiKqWVWu3Qc8s+XW7xiHh9yi9UtUb/XVmz170PUBgI/4QihayQhCKhiCyD8ED0GYf4tfVDvMdSig0GIBKCpAm9Uez22ww2kg3YhQ1gqRQRQYwEAwusxEC9MPIivdS71vt+L/Xpac7eEmQxO5Ze2ua0YvTOg1nFliE1pBIqi+gt+EJNPhpSGqgY12JalVSBqlBSEfv+8/zaOvfel38CGAZEhCHSQtZtxc7FzI0ot8uNwihsjMrNNjaLUAbIbve/7RmSREoyxkp2pY1UGjSWrPlm7P/33liPx1uPf96Y60k0JDL2Adjt3lgrc2WFhhmFjNUwM1ZGyCj2v5WVud/jzbd2yMpYCSEjo6iMSBP8//9+v1+I6TkJ8SbikQQ3El9ELJGJ0EySjq7yvdQ/XijsCVNEFET3+GzcAmyMYR5nEOIYFrg2yRg7RWTZzjpgZeGF+wOYWwctFT0ixzZG9DbG6NGDHpWjSmiJkigRaTEBQUS0CbGxABUb7H+POfvnv1gWGBiiJFEU4wnpvph/0/afaLQIY4/qAaKcf5F8APBQ7ff/7+ru6Z49Z//zXzyD0IxCkQSWMSblUxEShYyQETrlCS98T/4Vf6pas99kkIHOvjMxk0Mxgzg7b3f68s9/9/zOvPlTaz4lHmiAmCQe8t2TbRlLsnai+vOfiP0qllI2NFz2gkyHmtHU5VT1545aQ9CgdCzEcpI8/h8um/CuxVJCOg9/s/+a1NSgH3hWpwaoyU3upEb9yY1ugDqq4dy1bJNo1CxiCnmfbcD+muvNpb4VNuM/EbtdfgucI2fLShKPr6q/Z+8Pk+33JewLvJCNY7ZgCpbqMReJf34av7nJy8vNLnRZjWgOZUB1ZVGiC4NQTVWNsOhf2P2bY+IybFZlJPtSGw1KGAgEHfCn4CG46togkECg51v7/6mBf8gQ6TQ9nUMlJGv/l4JYokESK+n66qzazJrM7t294o/nl9f9V5oNB0IDoEVAGxAAHBxYV+U8hFf3aFD31FoMUUtvZ74nrjQ60ymd0CBETclDZGB//+/kDjdXSXULUYe4PCAu/L/XqLQXykog4aitshou1sCe2syZalX1ACuz7tD1e+T3Sh4vGI3sekzsv2lLVVea56EERl4vkra7+TOTBA/Wl2bxCIeNViXXQFUBvbuXx+jTsSrKRsgIG+Fi9TfT//dO67tVJVl21b2SnSzDN/0D/u8R2Up3wI7txIPbEKnuj5ws2sniADbgPKKeeQAsaFjq3mWw9AC8qV/zjhPbZe1/Bb8O5o0eqRx/zSlnTo150BtVAT825o15Y0GDrkkwf7XzPzJvZTB5subtAIAkH5mKqLMH3MU5nSyEirQL6R4HPM9zuG+9uo1p2PF42xSbGFgkAc0/VLZFa+Xw7jxhiFE9UQV1udy7DqImVEgaXAsVgr53wZxN/mxyDhxSIgzeolVNjemruv1f3b/a/2V6sCUp0tmDYwnG2lKZx5BLc7oyTQGm9y9IVkCyKMBTo6A/OkDANng4iHu/b20fKxmPtESIFxKhekhUTbQASexkZnd2YDGpPH5/P35YsrepnfvE9KskRvtE1qmMSqaKZ6KXoBGaSQNlup5kV1ZCd3y8QA+46dd9P9S+c23BEviEpY/y/R/bEzJNvKaXCWn4WkREh90z9HT5shC/Zj8anlVSJ9/6Oa1GqTLYgBOP43i+tSFB4AeMG0xDLNtXFG8GCBxQTA7b7iOMOaqHe7byNeAIE8wwYGjuecCJaK211mZFK8HsSCOMMMC2Bwnkt/jpTL5DQAIzN1xJFeBCAYqxo0PFSKwkNybOFy3Ui0xFq3SGfQLcFhfhHyFkQvdJblIUbLiwhScXlKlTk35dYAAwEKpauDmRTc9sRHASRZRFSaTDSIykMJ4fMOqknUKCFbswtgJU+IcNOACJ53me52EDTsDjeJ7nnXKLkvh8juM42IATsDie5/lIgHJD0e77LCNA4f//l/ZG7/a3lt9zbmZnFZOcBZidCTZhVe91qKOSbFUHW2qn+By7nPs7VjvEsHhihpLjzCAHQMZ4EJih0MMSHoIGIDJDPLUfOj4qfBt8X0bIeHnBC5TgEla1ZQ8kKxGMzlRF6LoK2/n3VfXXe0nRuY+mfABRxwaVBqYCSqOSDJPtVDm9TBnme+8DiHcBknrvAVSAB1IGQRWw2H4AVQDQkVlV2pFIlZ5S2wNUAliOA0I8DkmVUKTk0kWFKZ1O6xTTf6tlWP75Y6bpl9bn+Y9/GP9Y69zK/6navy0gbZD0k/QdUi467U+13blNTYG5F8PBzAAMMyRFAlQiqURpd7nU7j6J2gCA1BqkuN+SXtLP0g8xUC/vew4pFWWMpSu79+ndte76kKraRdPZ//+1Stt3b/5Q8KUDlXC7AM2JMJ0KoY1yBb079fsN/0DV1BJNeoFZBVlGKCKw0UQ2Npa0jtFrgyScCw/Pr/3/6l4fm/0aobEbYjc0rIaZQfedgxygibUBj+ZVqqZOiPhfqmarFcQL1CXHVKamOFPJIYSmNRZavYMoiLYo6BxCLDr+DVgQBKULIZcuWo/b3uPpXdYA5JuBzokOsfKhqbryeA+VfyrWS7aRxnQKKe7DZCbDcumcRuvuAUh8wJ1pLqnlU+qmsoCZmI5R2bKs8Z+WplR/nov0x220bhXFBKaUiph25/Y2s0/Sxfpu0rpUFFRR17ndye4opQHSYCU8hIQGsSAUgJygABz44KdOjxmVQz1j413OHXN8x9jqf9niTYpQxVEHQTA2K6KHeax4iyYJHpjF1ZXoJS+15fH8x/XjnTd3Di6vWcq/7/PixgNMLMsoxdzTXCI4W2XcRqhB+68FZvlf1coWn8C/AQHoThpt0M1eknPoNcEptO783FQkAAqCQM6uRHKDNNqsvRCixmlWp0tySN2VLq9ymWLpojTPvyq91s6BSOANEVbd3b4X4zT6JgtlY+LFi093LFux8wDAL6b7pEdgu/Nd5wGnCQ3scRZpxAml4//xb9zu1oNU2gEL6StHVDuQv5lAEtvAYz3EgDD4j1/WK9V03/MVpkoOM+O0u4jvMokJGsGv6X21Dn3baUq5pUwNoAKBxshabujbvFkCJo8ZCGVmd1dm+jjmJpQbfE0lXr9ZkJszfDGY5dgIIYS46pchReC/+frvZ81Oa8YIcxmMEEIIIXSbOTjGMfl8rRI5hfJm1SbV87gQJggjrqkC4Xy/vj8l7+595nPwRyMaY4QRRhgTQjAhNGFov/P7/r+Tvo+vzdBGn1fb2mijRUREiRKlLCUi5/F36Gm/GPM2xM0G0wWDGD9yiLex+m/cx/gv/x3RHk9EQmSRkIiQiAgZliHmH3t+3790mP2ZPed9xxpjVUVFREVERdV+3ccb4veTufdhny5dFixBjgsi5mOLbH6/pDbjNgi8wHWlGvpF5f+9y69Eaz5iELgE0cQn9fe5ZyeZanWCk3bfnTPr2JixDAQwEkhobEb/KXaquIeNwjlF4aMKdX7GjSNWyyojs3Z9XN/yRYQJGhO1NMNghBi11K09H2/P9IUAEEOILAxg/N4iGKCE2rsck3EA8RkOZZY0i2X5zoTbdtwt+9MbwAYjMx+X41RcNgKzPLh1o61Z69p0r0ffJsp0+gPEqHKWObzPzat2EbWoqV1d04abNNOMueYstGC5PQcdlTMZmAUlpVjlBCoQVTFpROWRUEhSKT3d4PRA1Fu5fhCVzK5W734hHoP2liob1Nui2W6t9hr2gWlfWPAtuhNWnLZWfrI5wNAgtNYCHQjrqJRwKsj5dqqHZmQ4goxEkJEJMnJBRjPIEKYqJJlCoVbrdHfvjnFSy+Xe30O0/L9wNgbhbb6iuaD7yEwcpRkT7NEJ9/igPDlxXpgEL02SVwftjcGqHoIlU2L5lFs9lTYO1fah2T197V2lZIgPUgziw5QR4uuUDPF9Sob4sa76r7Op/t+Ygvu00wiEhAUIQTIHCEKyBghC8gQGyRcYJH/dEDwh4idB8iTJnGy/cvKieIrUTo3BEZgcuVkqENL6HgR572Rve0iN/uhU5enp+4uzRHsXgZBfgiC9AiG/VvG/cEGHFH8lPfcqpOhqVF9boygQkhYI2RQE2RII2V5l8IbaIoGQVH9bObvuzhUDQ9tTLDqG86m46LR1Po+7zt/vv/DXi5fo9cP0jUfd2HbN/cj1q793E/LpzS//5ujFMPxw6367zfLnbdf+j5gKBOiIqbj7p09uquhV3yyuiiETQDqk28dumg/pA5gnGMo8fQxoxN8//HHKD3Oo4ldqk6syvwFdq3KTO+AiFTwCR+CzE+v/1YEQQCMZuWAUg+EBhDCTwywfedEnvmcSD8kACuMzUR7o5M/uSUkzvLfqrtfOpr8L9vx4f7zje36vfyw35uhE93Indkv+xa6+jFc8mZfz0JN7Ba958q/69Uz9NjyZ+Wn61XG38dzx7smNz/E+vKndvs/InG6jeR53y4RlubCqEtbVwqbWuWzrlvW4cSUOza5wanGV8+acoMwhItKgDTS4AwOs/9+zyP8JwahFAEAzHNvvQufy2b6Y9GCYcMG9hzXIA2TkDL7Tp5Y3jOFnBxU3lSmV2/51YpttwuW0ajHhavAk5hk3YIb00HryHMVN71l3Lbc0NY7oZTHdabDQ4P7YysrJMtjJRIDUT2PIyemn0bttMLQzPGN8IFjHxMqTksosEZO2oKl+NQgvD4l/WmN7MDpK+GsrUfVfZsGIeCP3R88YPKkGllncRb+/YdRcoKvDreTB+WNgulyWlTLPw9dHyRLWdn5zNdNsg+kLTAz2t5CY7PLH8Ur+7TSyHX+Rl4iOerFwtYiJBm4i5T9ynKTd/ptuA9txj7CeXF64WKaJlMpMHuAPreLIgbooXB11uS8WNNI0uWKf5uftV+S6SWkJ9VemxtqlZSUpHJB5GVUxOuRs26L3854psk2fyzGEngCLpT16+n1RlDGPtG2Fr2Xn5GKVc8r53G1rXBDTCg5GkGxb16SINOEyWXgDb2CCUhBYvQhrLnB3YGyctooEDL/51xvR+/ib3Ri9cXJT3MoWCxwKT0oF0h2AcZJ6Q2b1fkM3MDpwed/Yvf6SGsjqc/ghMi4uPVFeaKv1Gp/OUg9BoAOw7MKUl/AkgwTLm1YcnS5TrafVZaq4FMpgmuplV3irTfP7P8DdW2+ugLoJyzeoH3DDJBbxlWjsJ2dHLyyNzBXwG5Ychp4KdCYtawCMxwykDyRUZIfBnoCwhag7+r+4UA0M4XdppwgcmyKGf+Hre+1SOFq2FEO+Qt1teSrp+YNFzu0Dn1azy85UwNXN8IsrSQSf2F/o5hFE9qtqrObktsjKyKZNfqifJFm2PLW07GHpPhp9XuMveOiNXa4QVcVgrbT9lTG9vAFTt2voltPAz8WidwJuRxfLis/bAztjfOW95YWBLVbof7fgceApE5tVORDbfMInuuyfHzsSOxe75XmUYue2REopNSmdKUMpY2kNaZ3pad62jIMXv6kTxJoplCkzaallGmRaDvBnDlUtXWJFglXB59kKNGPoImXzoDfMpum2yoekUPGl15cWNtdm0YoTz02MvPhFRHKJOkAWnytzif+oQjEVclTuguL+q15SxNv1YGyo3I13sZAAw9/vfvJJwlEiSxUm4RyS37O0zIOsklKzyYUHzPEg6DMT89fuThx4CLY7eso2OLwsx/304zD87NpFT1y5ZPU8IUeCS9GzjV7N6JmIB/pAceCkLpeHHzn86VTSe3tYjztBHzKRpCLn5Be6c/BNxPfkF/6N5TTCP6GBSnp7kAEM4R2/l5fzn6FKqcB4DqMzoI+ZOmGWw55y1FEbHPeJjT7zrd1OOu2wH/zgWDCAfByPtLQLQvKSn4BHpjyDwY9SneFg12xOZnBIYvNyduZ4GuaHuc+x+TdzOT9PjTRGMD4KiP6OdDvyvsk85573IXez+tx49BWHS6szjWXZneZ62JfR84xn5R8guVGo0nK7MOXkThEqLHeboaIyAwfhDiDJrnu91NpUYag9gWYEq/rQLAkLFlyyYpWMdb/J2bDhmk3/KNi2TdGOHUqOHVMOSIu6MIw6UO3CppNU+3CHh2b4IkQ7ohFjkLwoMM7qKDLN2igzS0HUmKc4mixSGm2WQQeNHmywGMGHgBlSSNgpTzkk1NBwwggTL+xwCCKNlDiKKEhiipk01jjJ44qLJv7U0yYQf8/SnCDP05EI7ukOxsvsSDafjKVcUCpSKS51oYlPc5qlZSYz0FnJCkx+5AdsfuWP9Ow8Qfgn8sS0v4vvou536V3S82Sfot6n/gw8fZaP5stn/dievdtP6Ot3/8l88wpfie+P9lr9fFNvwd+39bbtvoN3YH8Q1qnaCZogRxM6YY4HNSinEzVRzubZiQsQ6EEHZN+c9IBt1eADsdVDCNQumZLA7IopD8Kun9ow2M1DDZPdPT1hsUemLzyzMZv5LnyzH4GmCDFiEaNAIeK06UQCGiHxbJGylBNakrhgZBkfkiSjMCRFFEtSZfBmuVJEblVnnNs0muYOJ4i5Uws7d+kX5m6zZrnPeavc7yXORj+a9+q9erSu4lU82lf1qh6dq3G1ju5duvRjcNfv+jEqwMZhCfgg4BZIuMGD28NBAHFIQLGaSR+ir+QEgtg8lpjMvNEG3IfiBGiYrK1VDRz11w/iF/5VFepUazHJpfRs56D9EL3xUNMvGF8YZFG02BWjknooUK2hr9WT0UATLbTRQRc99DEwm6dkLGc0JudhlYAeSrxAowyOxR0RTrBFfQXNuOR/u5tKqf8tRSlRgxba6aCTrpV+k3Ws5Z4rjc6OJJj9PhYAAAAAwGPBneAL9YxuY5jJYnO4PJVao9XpDUaT2WK1IYBgBMVwggQUzbAcL4iSrGh19fQNUGMwWWwOlycQS6QyOQBCMIJiOEFStEKpUmu0Or3BaDJbrDa7w+ly79mLV1++/fhHnDAlx7nUDMvxBkGUZMWomsyaxarb7A6ny+0FzZphAUSYcLwgSoqq6YZp2Y6LDTCOQipjkQOAIDAECoMjkKiQ0sMe9ZjHPeFJE1MCkUSmMJgsNofL4wvMsZNCY7AADk8gkSlUGoPJYnO4PBDiC4QiiVQmVyhVcNS5n3vBZPHs45A5Q8sTBZAzCJJsNGmWeElB0TTgZtCys8yYNWfeQhzkCZMKr1Wbdt3Rk/cuLynSoOFkuJpluufq1WRwFfEcmBOOjGUsVGUp6zafH47Wc28pCs5RrqbhmHnqmhPztlBru9GH3JUvuygGl1OOKJgfWIcOAts3Us9VVCjgYq/HDc2z076Oj6NLcTQNAlJSATrkwiciVj6psNKl7HanOw8VpzhtZ9a6vqRXxV5rOqfrZz/6evFxbC6OpkFAkho5kRt8IuLovBaVH/mRH8nIDsqWbkmmYwUVTXowMLGw18IUgCB8AlIyK7fcjJm+7i5tPPGhNe5eU5xM2ZlMef1+QwBnBx0HecJ1C+JAO3QAAADguQRRAAA6nho54sbmfmqEFZhQvWmR/I0KRDEllFJGOZVUjaprss7aVJ2oh2bNbt93WVgVjfcgwoYTeXjpcFwVffJYEXg1hxfyrRefFz/hFsaENYzWVpbb9G0kdZtBwaUQ9AkVJlwElEhRosWIFeebeAkSJUmWoiuaLUeuPPkKFCpSrESpMuhLLO2NTFeoVHVJRve7PWDQkGEjRo0ZN2GSZ1N9qIwGRm3sunCTGXm3laDRRd65KwJ/AggkKNBLsaebM6bYiwTK61HrunCcdptMEZB1P8obomeeuJeoP1D+kNlwS0LpNgGuDvztshLtZouSU0URafbL1M0pjxMiEeQ4yYbsFdPLYwEAAAAAAAAAPFUAAECM0smgYfmLK/JEDLjbFVLpI68Yq9mRl3U4WONAEOwgDK8xVAEMwzAMwyAInhOSkJDAMHxODH8oZCaHPuVRPq1RvZoJ+Xxba2L3dkFXXDvgMi4qDmWnbUdj6ILLpBjqB5k51bIyvO/Cg7VpDOEpljaFWSGMi+GGC44q/4bWm+GtffsILw7jy3PPZwZ1ElLdTUw5GCgXo2GC2Vj6lim7zLDnFg94jDNuBF1WZkdWbmajdhvgIr2S6WcjMEvhnKj53rFTmII00QH8V/Tmsow7mL6dBwtS7ckFCWkiCIJojpYMhyhZtoOPrXjUFlSYvX4R61pbIdtsux122mW3PTp16dajV59+AwYNGTYCWgDBCIrhBAkommE5XhAlWdHq6ukboMZgstgcLk8glkhlcgCEYATFcIKkaIVSpdZodXqD0WS2WG12h9Pl3rMXr758+/GPOGFKjnOpGZbjDYIoyYpRNZk1i1W32R1Ol9sLmjXDAogw4XhBlBRV0w3Tsh0XG2AchVTGeh/JX4BAQYKFCBUmXASU1Mpy88MGKFADYOX4CtUAAACA35K63IEcAAAAAG/s+1AOWH0eQ75wSgYKBo4BMw5cuPHiI0CICFEXjwU4BwAAAAAglvvv+6wbG4AwWFYtgXPHlxT3bQHOPsVsDaxrk7SlKoxSKMIzcS1DhYJA0d7towASFe02UgC51UpEAWpoKWoitBVa0GW300EnXaNjDt5mDSiGUkpLAm0wYEkHRwZ4Mski23L2iryDc0IHZwdunB1ABx0AAAAI9GgyLMhbnIKHCwWN3pLsYiixzptk8NoIwGpgJJJsofyJliMNFTrAgCUdHBngySSLbMvxYYETHrvgesufYkqs8z9xSrTRAMC/Qbw8sSbzr5mXZ8UChkyHRO5GBK+Jh8B3FTcouvIRM7n/757LA3fH/h+qp5VSsl8UqLTQTgeddNlxvFgtbKppGDWq6pJan6oXxCYrlZSm0CLiMU0XhkYLITwzAYSwcwPCMzM0WbbDvbaxTqT2bVH+BZhmpZZGvD5GBFGcCpTRDwV2vwZCeKeI5AQOLdCBDsd+qlCZhnbogL7QH62N7oqIlytVeZQcecM23DdtVyrgWv4ZtttjKiSUTRxECipXHYjmJGBAhgr6iYJ1bpJFiIZ77YiyR7lyy3LzmYjWJUNVsh4QpYhQRaFhzssg6QnZZRRcRh6dvODBchpWMBwkgUmHi6EwJmil7gCQSG3M81L6qlvEaDG9KBY4fTp7iUREHJtlqH2DRAlvmGs7XDl6nN8x9d1eWiyaMqlXZDvVcjY2rdnRYlryHmrXnMG163khJhRkdPCBcRVNzcx5sEZD99LUT9jfLPEbaYc1XPnhtioiztBxDZdI1fRTKNknBSottNNBJ112/Ep1YTqgWY4OY11T6OrulHusavL3R2kaQ/9Nl8AcQkGoSXTuxvKvVQpGkZYxZNcUgnC67YTynKYoF/xWAQND5gyjMZFwHXOU0jSy711qbftao69rZuDfhBEybyL98FBdzlGXhkoo2y0KEN8PEKUBk1YbfATU1DZ6uiZjyJBx1CnYrpQcYHFRoMMlQMCHzXo4iDxn0t6CKBMUwwFBQopmWI43CKIkK0bVZNYsVt1mdzhdbl6xd3B0AoEhUBgcgUShMVgcngAQSWQKlVa6wxmDyWJzuDyVWqPV6Q1Gk9litSGAYATFcIIEFM2wHC+IkqxodfX0DbDTYLLYHC5PIJZIZXIAhGAExXCCpGiFUqXWaHV6g9FktlhtdofT5f57rO5DAQAAAAAAAAAAAAAAgBWhVVRNN0zLdlxsgHEUUhmLFAAEgSFQGByBRIWUPexRj3ncE540MSUQSWQKg8lic7g8vuDlz9g1o4MAAAAAAAAAAPAiqcmq80CyP8NXzsTZpGiGF5YiVVy6JppqJlsiSjKBiKhBzzAvAAAAAADAv6ojiEb0rsl/kRn9heL1tOZannwFChUpVqJUGXQs7v0Wr2DJCZ0whsDSTzJq1Mbo07fqvQB4LNDEPeA6x+tRdL/aUMxn99jzZXULB+/FZtEXv+93PNOzWNlvHf+asv/ScDDZz03/aqwbgAgTimZYjhdESVZUTTdMy453XkQQfXwLst/d1NWtnDB2xGSnXJOW5DN80WbJ6BtIEa/0FrQuXsKc/oLw8uk2xV5O9hiAdnRrcZ89dzpYNKOHY3sDAgAAAAAAAADGAAAAAAj3CpQcSDp7pgFls+kAld+Z2FG6C4qjWZX7PhyqzX98rLPL2WWMZW/0q2hcKbFwl0t3CAOFgRCe2DtvFtN5Q+7DHJ/ixLIknjs0ROaGX5kJpqid1PmuPfsOHDpy7MRpnCUBIGAQUDBwGWQ4IEhI0QzL8QZBlGTFqGoWqw+fvnz78Yv2XaPgOsUYEU0T1JuzNEeeGyjN+KZrrMOkveZFO04TQP5D8hdmTbsooEetzLCZtz/+iiNh1WfAgzbCyg7D/NdRD6hCV9jXs3L6yoXrtqTGyHGQ/8G+Blin2v005edKZdwxvdYtHYZE5iKSJEmSJIyxpC9Gp0Kshy/dcDLgn3376VDAj1/aAHAAuLptsW+WJ1+BQkWKlShVFugMJTqMIbD0ycqG2hi9AFQQmSKeKIYDgoQUzbAcbxBESVaMqsmsWay6ze5wutwComiGBRBhwvGCKMmKqumGadmOG+8npyIsWqPSZqGBgZUOJwNepizZcqqNq3Yd9QfXhr82/bNl2387dhG253fXOt2oQkC/WGxOJQk7j7Ta1LqnPJy9GShvM+95oY/59vUW9hRTYp19N567SWAM+8Z5N+vjQ4VPMVWjsWepvbS35T8Sg3kRQ6NjNImMg5IJU2bMWbB0g5WbrNmwLTuQaDv6xOX2eH3+FigwjkIqbf57S2esAD4BnALEiXkHouhtwGwLNofL4wuEIrFEKpMrlCq1RqvTc9OcpU8hm8NkBvEJoeXpI7hZ0C54mL0ZZt4+iXkoVwcjJxT1m6KTmOVZVDIEQRAEQRAEZm9boiiKoiiKouhmNRAwCCgYOAQkBoyYMGPBig07Dpy4cOPBiw8/AYJEiDpH1mVyrrhK3jUKrlMsotClyrRpB1pHnBPTmyDdMHZ1XhJmYJhySP4axuvSZAaTBAzF8tlGDijcWSQxOue84jC78Ym1xXmHdji7Z2H8cQl8omQwguH5x/hlOJtJKxBCGD4tjBtpoRsUz/M8z/N8+C9M4Q7kLvbsO3DoyLETp3GWDQABg4CCgUNAYsCICTMWrNiw48CJCzcevPjwEyBIhKhzZF0m54qr5F2j4PqhOAWS53meX61J/Q2HWKZ0TLPOOploKGvLzDiNedPDMJNs5lHOSlJMk7WVahc8JHwYWW2x0nCkVTpLJRcpQkpKSiqnEA8pKSkpaX9KgjLUVTJnUG8O9dYN0HmDXgdF78f6XimwcQYk2c8FYTvxQtYGNUXI7VeK39DwxHJXEKRbkvA9s1+FaHlKiZbzkF0epdvj9fkJBcZRSKWvc/trA9wUNoV/hoTA7x9MJtN80YJjk8cxl8cXCEViiVQmV3xQCNAjYNX73tQ92qg2g8XmcHl8gVAklkhlcoVSpdZodWVa36e07KzCrdl/T8UkzCc252/o8h3zNFtthh8LbeiO9XC2o1m+a649+w4cOnLsxGmcJQEgYBBQMHAZYzggSEjRDMvxBkGUZMWoaharD5++fPsxUDp06dEPg/fOjNw/+fQDxiS5ndhgjcpCJ1vOMdyEAACAFWedA+KBeKIYDggSUjTDcrxBECVZMaqaxerDpy/ffvyida5RcJ3iZdwpBaWEWgA6p7Kj8fUJlWvwK+yhxlR0DeqXGkVRFEVRFEXR51KtA8PgPJ0oWqn2WStDSwMFu8JJC1NindGk+mPCQm8SMqTSSt8c660yb4P0wXe50qfO9vb0DL2cfxh78ynChLeVRiQT5yP8QzTNjt0g/p+8GX1sviEz69hifAYBvHYmQY0/Iief5RQDkZi7W6a+NffsZgg8yKtJsKRwvi0OOJUL35KgXTWbO/2JZ45QECXAGQ4IElI0w3K8QRAlWTGqJrNmseo2u8PpcguIohkWQIQJxwuiJCuqphumZTtuvPsoVgzfwmXBkhXr+gDVgUNHjp04jbNcABAwCCgYuMwwHBAkpGiG5XiDIEqyUTWZNYu1+v/b7A6ny80r9g6OTiAwBAqDI5AoNAaLwxMAIolM4XB5fIFQJJZIZXKFUqXWaHV6g9FkttjQhGAExXCCBBTNsBwviJIstoUC4yik0sYqdgAIAqPQGCwOb2BoZFzxOmcIipBUIEfT7zNMFRMtgRTNsBxvEERJVoyqyaxZrLrN7nC63IJV0QwLIMKE4wVRkhVV0w2fX21tQjGcIAFFMyzHC+I9H8Yr3p/vwzoHRycQGAKFwRFIFBqDxeEJAJFEplBpdBabw+XxBUKRWCKVyRVK0XQ4XW6P1+cnFBhHIZU2CgrB4FQag8lic7g8vkAoEkukMrlCqVJrtDr9OdeBNWYkz0mUKUyfqzjrc/8kNv+HbLRRLiW5jZfHc/nGS/7WuIBHChL6qkgB1gd6Tnu+QVpiIzQ0EOgnJt12pETvGvOLhDE77HLX9uw7cOjIsROncZYNAAGDgIKBQ0BiwIgJMxas2LDjwIkLNx68+PATIEiEqHNkXSbniqvkXaPgOt8Uew4Cezey7xLkrhUveFmFz8rMU3myfPcE1rhDlDcrESHdu2vld6MJFwtUu3UvFX4z/EzO53CPw5P2645mFCKOEMK7sRJAIFFoDBY4lA7M1TQ6g8lic7g8EOILpLIo79OYLJfsfAUKERQrQVSqTLlqNchq1alHQdWgEU2TZi1atWnXoVNfjXwgnd7HYBhzL/AJ5pTV+55sEG0aulO+Kr22PCAiFWGLycpEK1SJ6oEC1Rr6Wh21BppooY0OuuihjwE2LZCayuhTTgCqyYTcZ2Tx8CaBMWzPs0QeeiCLM7LLGWjVkcYUGgxY0sGRAZ5MssgmJ2sj1U6HxkaNwwSTTDHNDLPMMc8CiyxBZ5k11u239hw7c0tG6rAEnPBIEruwoY2CQ4KxgMHkQRnl1tl348lNAmPYAbbjzhAvUaaIJ4rhgCAhRTMsxxsEUZIVo2oyaxarbrM7nC63gCiaYQFEmHC8IEqyomq6YVq248ZLTdtdMXuvg8DLNuwf1diSdSe6dOvRq+/opzd1+VLy7hiIugB9kfs0/oqP+zvF+QYlVPmSi1YuHi7kOQHyjX3zlltwwHLPZ+zg54rSOmz96hCWxwDjDgaKxQgTzLBkbY052umgky666aGXPuuPVmt5HM4kndu0Zj83bnxjMinAGPYtRIfFVpC1mVbtdGSdJlYX3fTQS5/1r6Sbk+Vyu0fzB1SgWg2yWnXqUVA1aETTpFmLVm3adejUR1nR+/6ePc32k+Q4vgCXVW02xvvoeX8b1DRNdyt9YdMUiefwgxZ3sTC+y5OYq5VAeS/7sHFNuPsssnjTbhIYw/Y8S9xDv5oExb0RyiTofSg1/SGr4ZAh3cMBsLlYn/XwXLiuV2tYQmxL5kMU6jZpODKKXXrJxN9lYIX71rMKRvODBbpirzGquTRcHanl1FYTxXpYDrmCsfdGDrR9ueevnZnw+GEx5wMFBAXlKrC/8jzup0N/8WQPv7SGyf37unGfOvIiV+MxUhBlgmI4IEhI0QzL8QZBlGTFqJrMmsWq2+wOp8stIIpmWAARJhwviJKsqJpumJbtuPHuo/nFQKkYMWHG8qv2v0bbrHZ01ACqQUOGjRitMa7GTZg0ZdqMWXPmLVi0hG7ZmnWk/d7YXUyJn8cBUQqEXgvjqt17W0na770gv6BNuw83lXGn3BkFHao657Ir+248vgkkCSOwSh9LPO7R2sLVUyUoN9RPZUTfWGH8qZE/NxVo8Y4WuQe4zZ2txJsmiDJBMRwQJKRohuV4gyBKsmJUTWbNYtVtdofT5RYwRTMsgAgTjhdESVZUTTdMy3bceL82gViRPAgkCo3BAsXF8gQiiVxK1LgJk6ZMmzFrzrwFi5bQLVuz7nf9CWK1xlSrMzO3EKuWzX68sm1XmgLVpZR6Jog48wy9k3p3tJUlN591v9rV04RIzIQAF0geQ1AUCtuxWDQWjUZjsQ+0ZJBOXhhCfVwXEE1rY5vHhTrYcRDwCGS8xVilNdaqO+gJAEIIIYQQQgghhBC6kQWq3sToT0j6sY7wGNcc7q+zWG4LgfL/sFPVeieK1O8jB7AqZomkQb/3KFFsNioaOgYmFjYE5+zSO5DsPqzXb4MBGw3aZCiGP1eMeISkdRhMFpvD5fEFQpFYIpXJFUqVWqPV6Q1Gk9litWmNCEZQDCdIQNEMy/GCKMmKFrm7X5U0qgDYCBhBMZwgKVqhVKk1Wp3eYDSZLVab3eE8LqkIRXw+lFz8CeBvD524xV7E2rwCt9gL6KCTLi2SNiX5D/6zwy577HPAIUc6PtVJ6hQ7qwsIaiBgEFAwcEO8SCJTqDQmm8MVisQSqUyuUKrUGq1ObzCazBarzdtnJDQAAAAAACxH9NPqv/6mxvn1DUBcoVwnZoUBt+zMkLk8Q19LbEAw54bEYLZV2trJ0Wh1eoPRZLZYbdomghEUwwkSULTCQmAIFIlCY7A4vIGhkbGJKYFIIlM+M3OTOXpRvZSVjYNjjjvhpFOShUJjsAAOT6DSWGxOqcJ8OgUiUiLSCjeipoqcIMqCATJk6y64ZkpyZcbNyiM+IYAgQhLeISIx7m0DvJ+YmOGXTmJyqbyo6zaintrqafYuUUxO+qnbhDUmV6nKDkWfeJNryMGNiYWdXGCdQu9SdagR2mhPLwsUbaTsH/dy/W2gLcsOkvjv7bPRJe2fyp7SKK1f7M/e0ipIBjcV7J27UCwTFQ0dAxMLG4KjV5/1+m0wYKNBmwzFcJZGZzBZbA6XxxcIRWKJVCZXKFVqjVanNxhNZovVpjUiGEExnCABRTMsxwuiJCtagOnwPm7P+SBhQtDOeUGAgawRN9bR7G5Pyab9QUGg1DraCsIB2/BIi7GwE55RwnqeJP5QuGaz6yr+HAv+aqb/9sI/IrZ1UJkSrvCyz3vWkvb1BbWWouDFplHa674kYqn0PaFTKCErzcIjP8UC9cA2EzzY8RYe+KHR6plYDaOJ1qC2z1snE6uLHvoYmM0uRcAHeoS7px36xslrE28y7RD2hsYgoq+OwTy3kXZnTXFTyn7btb7mzq7gPYcqiJKMMxwQJKRohuV4gyBKsmJUTWbNYtVtdofT5ea99g6OTiAwBAqDI5AoNAaLwxMAIolModJK5zGYLDaHyys/BoFQJJZIZXKF8rKCn6l5Gq1ObzCazBarDQEEIyiGEySgaIbleEGUZEWrq6dvoHgbTBabwz29vgjyjBhwbYM3MDQyNjElEC9tZ3F6JpXJARCCERTDCZKiFUqVWqPV6Q1Gk9litdkdTtd5f94LnvULr758+/HvVUeYkuPcfSAlSEid2s3cFscbBFGSz5IeqSazZumVbrOfx1i53F68eut35wf0sgAECoMjmoRCY3F4AkAkkSnU0hjqDCaLzeHy+AKhSCyRyuQKpUqt0er0BqPJbLHa0IRgBMVwggQUzbAcL4iSLF4KLcw4Cqm6X8YiDABBYEijYHAEEoXGYHF4A0MjYxNTApFU8qJQFUyjM5gsNofLK99RBUKRWCKVyRVKlVqj1emtTCiaYTleECVZUTW9hi9s11FJSZyLRKExWKC4/KI8gUgil5KyVBqdwWSxOVweCPEFUpmyKu2OsVpjqtWZmVvE8j4nH+zN6lGPedwTnjQxJRBJZAqDyWJzuDy+AD0pNAYL4PAEEplCpTGYLDaHywMhvkAokkhlcoVSBUed+7kX5icyV2weWZKTfe3Jdvmi94MHWjl++nKmc1ykq6eBa+nmKWzSydQwp2igQvFiNvyai3kIsUBxtHCHkJZE8ZRwJ8mX3S5sUO6ekas+uQ6qA/4BIsYoGjN+u5lAruYJjl2OTvGeXyTgDkG2sDdE/LgaIKYWJ4mNst9ITfRGj6H/uz/PcZedjK489/OvvYjwPxnhGeeREdd6KuBfyAQSpNIsrj6/4NRy1IV6GlKjgZZMfimV0m6hCUO4owzglUlZ/yr7h1zlIZ8CCneX2yetPZ0lI67nH6WUZeXNIUltaKeDTrrSlH09LZtpT88yxzwLg1vawAPtOWEl6u1Oan3wROhU3IYooVKpTPmUyyh+2ffo8FttaFfHS50bdU2csJ763i28bo73xU1Qd+lRCtJAgxG2lD5rbcgQvm2De666R2s3v18PstH72e4vml7RKqIFwli2SGCu2IgTgfLFJ9yZxXvqyhTxRDEcECSkaIbleIMgSrJiVE1mzWLVbXaH0+UWEEUzLIAIE44XRElWVE03TMt23Hj3KV166arLXO6KuPKXS4P4V75lRTg8/6LzzxLj0MOxRzY2IVMYTBZbIHwr8cmr7gBYca7znO8CF8p2iuGAICFFMyzHGwRRkhWjqlmsQhMgwoTjBVGqv54l0iSd0ZWnIFqZDGPD6YJIyQmMhJzIK3ib4SXSNLGLJXUhkSgkUH7AnMirdd4QljyDb3/aZ5DZUgT9ar8ddVIq1PIpus7ScnY07WyQeFXbiBHSG2WycIQ6KMtYITP1OWwSSnkb9fBKJ3l9Mx6mjPu7J2adYVIUVHBBf7fiDP5BADDwh/mSOk4X3++9wfw6f2rO4wbHbq+HOozodyGfHEZ0HtEq2K64QPb+u1uwjyk35+zpheszJF7M5/Match7ivL/sRjkpYnltgJJFWBfS9C0rzvtvmSOXFIeRG4bF+gCgoNej8ic4RP7cJo061voaQmT336luHcTfeMwQ3PUpRituzd7hnQ18BZVq79Fw8se8Z/bY7EOs1xTYttnDuK1zew6utmVgIlSgv2X/AeU05T6RjfN8BKeCn7J4wy0cpHf9XhZ+qA6Mt9k27u0lp/ZrzjkkLqv7zlXobxsiiwMcgerAuqhQ1liyFL6CmDsHJmW5oRNBc8TIVkHI4bV6eB8VtqlRc8pw++nexPhDkQkhNyN0F2uTRM9v5gOloFQlWVosOO08VYHFWaMgEW+ko+Do3TobHLqq9g8WJ7PxvlSsZWGGhh9LCwPvrns4vAsGT30Pmr2xfUXr/Jxv5x5DVyQdPSswvDq0EpuKZl60dFzvtZ7DcnerAO/ZD5laOL7beUzPTnc209on7kGcYbpupgj+FAb5LNSViYQc+Xy/MLjX7/URtFuurVoqJSu9FbJrx1lyF97/a0bxulMypGJdENYpqtfoHnNo6npskIQs0Kxkjw9toVGsVZELiR3KbJaVW7r3r56YOv5eGyNl76rk6oxZ1HC2y7mliwe46XvC+ao30C8b42DL5wZttm6ynvbIjrG4IYAmVmWf6qCrVOTRiMO9wAPZEoC5Wrk47Ph3c0aR2d1ZYuF/7i7t0TSjO4s2UKFg9gn6nuEOebagohxcYmhPc1xI3/eV+iUHTXF+52XnTAFKGGZoQSfNpZD3r54DPbXNCtR09A1+h2n6+wGf4kadvi8HpMsKOm+jVz/yv5E3D03UU7tVKTl34T24+eh5+ZZXCqX3nE+t97mpvKCR8LO24eI+oF5it4WFvKpiIZtzinC4ys9BuGIgtAz++Jwlltp0rp/MQnAYRPuOeFYIdwWIsREgKZyYmj5HUZB752NplDJ9Erc5xg7Muvq2dnVpELZXQZ46LIiOsQ1dXXtZCspVM/+/PLr3vpsnpFRMjJvpPwKolKutaPVHLMdL8kgfS1z17+3cWce8HZZKL/829XAYzOuEqPYlHmaytl95vOKfMqbH8VyzgSk99E45cpBisS+/XZv0wyPHQ5Fdik4V5pGCu8lZsu0Qk+cussNZuYvTQFmn93cJPg9ZKtmv+ttqElycR6d4VB2MyPyU+2lD1Sceaqj/zPzeX/wThTTCx0HVfpR7dnrdWQZARI7GzHBzOvcpqqw/34vGFVXEDDUJKuoPl6KUzHK7dy8rRgNxc4WwaMX+N6z0Y7eHJrh7HGzNCiEkNd7pUj1fo1Y1m2Vudg+FxQdJKll43e/d5BqtBjZLE5H4Fx9PT0B8R6N8TcKg1i3yhaOKv7H/HSxPPYA4aLuH5sStYrLXVrG3yLJ+7rFxUt6UP+nkGSLTpdjNTsFV7DnxfYAQfPvfhN55v5p5Lge42/338wr3KKISJ75kF//76WRBV3dC5Hz5tL/ybFSka//jfxs+W/gF8t/CRWWXqMknZeUZ9QqWAiYsBf4wy+lnOUfNsQYhZdJiQvcVyTr1mlyZU539jvk16IfPhxgpmAev3VZWH4rqfiS15a7jW+3gx9qNONum6jnrbfnD5fzMZ6bZ51CX5kqN0HwpC9wel1AhTHOTr3hcxEjyX83/3gULdilUf6WIYv9z3lizK9wrfknF35FtOzVAKNJeY7viJDHm9c3zgBNMDC8Rj+Qk+xjJgf4gS2Sgm35cvaTLJ+jpocFkVFULQ+y+a/ZJQXR+UDe7d0+NJZq+8Pm3eHGXt/wnaZK6ENz4dvUIbP725lc11ygu5CFoMrJIowqJMtKglhxfVxdjodwVzrHnTTFeYZ9iQlSf5ELbuovG3vrqVf3LrJ6kqgWSKNbZeG536z9YpNDRpAjH/qYROsU9zIn3B4nNmJcUhxtL6OBsJVw7CHQyaq0OsxwXMVAuumhlz7WsZktDGM4Ijpj+Ka+JVlsUoOR1A1E2l0VyEhRiLJTlnL59UAWBouXuju9SOnPqKqMZwYlc5nTnIUsa8lq1nTmV37ryUY29GUE0d9zzv/+8GB7T7J79t/FB+XgyTxFh0/9GQQyQx47M6c7MQ3BpnA0hbcpQk2RGBzJCVNXLvzVAwUVqWJ0LqaXJhUXj54OQoSJEAVe/EKSYc2Z4+VjsekxZMSYCVNmLFiyYsOWHdlEStOBZOQUkMU1oP3c1qrenCcY5A4DxZgAJfhgAQy9iTOSIWQSMghJAZyxFMrYVWWMpynTuB0L+HgUC3TyBBUQZlLIKoZZVLMEDxxRGDi6SICb7COfUxx7dY73dZVPdZcT/QO+X0oGEAsQAWIF8dFXfsX5VQnAEqRjal2rUaAPPGNBH/8QkvHB07SvXWQZaSbNTAHiprrqNNGEQblAAMozyrdXjQ6q1db/abODMjvtp7UDjpJwzN8kgf64R4H744MB89PAggUmhIR3blZsl5CBZXf51ZVp/6QzIxhsPDbph8cDebsdMHHyS5qyR9OPJhw4CB/VIYul5SJYCIFRSyNjicupoGkQMGb5U9L5NXnDDQOB81dJCFy4alqseLUxJK4ODy4drpDWtFLl2kKWpdp1F+r69qKNpqY1qXnddc+GyN2wgMATkLdJ8OApS6tbrTf3DwJvAQLebsjY/+1POQDydgQefGz+ehoMCILAIXAgEoKAMALBECYIE8AvCqKKEUQNYCHqDYPSSJdl9MKSkUF48jKKRBRiChDEzMQcV7FIvVrGJQdpva2KeB9y4yGfBHl9toZf8uAgXjXXwaERSC4NEUh+le+wMCzNKw5Xk2qhpGquyGMLY99HILU0tKyuUVdXXeqrb7a/QZo21HBRGWmKzASEIbMwrc9AQZZgav9AWSdzxDvtjFUKP+172PnQ2IXCAUtQJAAagFloyDpJaWa3PEUPbUIgJDMoRmgzKpgEKohllA5U8ltpQS+4WPQJ7XseqD6UANSA8gJPBUC6KtZ+9gbfBt4nPvR1WM+buirTivY9LbQaihK6/qoYW9prAh8NJQRthIPSZopioDsoc+hOSgFtacoIult7JeVPcBRikJtQAkFpeCgDgrLwUICiMw4E5U0EQFARRWfSBIbKQ1Fypl5G2tBj4JI5LNnDrp3hanPm0QhB/RFQhyPC0BgQNEWbswzpZzkctICHlnBQjAi0RrOzBojdA6Gbg4FeC4TTcA/0RxQUbkCOBzovYn7gBOCIoBD1VMQSP5JEEpGUFSngSCOVQWsOngVYli4hQwoVqkeH9v+w+za4DmfiHg8uDlXnfufsrvsjUEVNYMQUixZ3eVJ88V/UEmgnb4fpCJ3Or58eCVLhg7Ze2bFW5dLxuNnaJliNCUdplt/SkjKpLbV0Zpd6ctMflgYKNVQ0fapM4HSF3jiYTODcKkem8UbnW5UL7ZQF4WANpBsg3MTb21juYL6L4Z739f0kxgaNbittKtuZP+SxUD5F8hyyHQQv4L+08gp4uwj38NI+xvfIDkbskStD+CZWc4lLRExF+YsaOzTKpfBSDrwssv9OkRn9OTYLX05Asx+WVNSkOU0FrB/ILMhc3Gfqft3R4psw8SALRbgo6amW1kKUFyWOrRlW2jtK7TVk2lWEbZfR2u5OD8ixt8B2Y46zf/cmyBuBSSedIoogIuSSDhEJLI3QzhiUFZQtoi/hOkJiYIogGCrgdQABnrDX9BR5C0/CW3YrsUeTSCPCTXSO1AEKAqr3doQ71ZzwoMcQHpdsPGEJ+3JeZtkTuWLSDBxwCOkidDnuXXnP+/KBjyNpMCPLwOlJCN9LBn5QUgdKrKKaKwVCNhmGldUVVTmB8hRpxiBpRBHMYj7idplsLdaV/O5OWBTMpIVYaZ9QLC0x6+geEeslAbFxyjE/ckIeoUAIYKATjDq5T9A2FJyMMZcxBowhN60WU/iG/ZBr66Pk4jObbL6cjQInMIZc2+zJUg8z2Up2hdpaDiEzSDNeJyHY/jsKXX7k30gOkEBw+T+IE246m/8TQUAEAVHHEqCAiziiwj6FyaC8WcA7HT09E0ygWd7JY04NP/uUdHlUMwhwUxnX8GPGORRZOQ80iFu4jUVAEUDFUWOAMgC0TFiYocwJS/eAiOLwkOIMvT/XEuA9RHiXcMIfngolGtJCfUhNZEkh8FUNsqxiRSLVPawu9g3oK7NP4YCsvbKBqRQmpaJCw9NelSxOAuzJUOpVDRMpVXOrLp/U4wkUxSlUQW8ztbDaUs3bV7scdW111dbWEMG8PAfN7AQzT65pVs2sOU/mu5MDOGKWXpe8kkfUd0cYl2S1BwlCme40UH/CyRl6poEDUZFIRF2HLFWSKSAsz4G4c0CbLEkCWuSIEiFKhGhQCVYemF0YxCGHxAWP6eqcBZwv5NbI9DE/POcnhJFMKSTCnDQhnkgTIkMIWA4zGSdGjy0btmyIp9jL4bBDjDgx4kElc+WwpBMDXoxhhDRxBoeFvTxnTmASVDIvp+adZ5njGAR3zLjDMRVFn9AQZIqjWT1Te5LNPmiQoEK5RHhTFJFOLU0+9Y25jCd5eJhTn1nmdMF8xUGAs2nwJj3xAJAhTpmoKR+SFHN1Olw6p6uysplZyCdb4SFiDhwIcxKVXrIMJXhtiBifPGJLdym1NLwQz9sR3VSMIN7WQzRF+Y4CkhyCu1Nwh28oFHpKORsf3zxAzHVa5Kq6p4mr9jRxdZ4sV+/EGWcWyKJVw1xYWZj3xl3nlUGC7564O7kh4p05FJIK6RTGbTPlgRh2+kEC1fr/71gYrSAiWgMIUfN5/FM3zRf/5XvJLuWlOjGH9wgf0XMJ426M9gA6YKx2mGCp0ZYHl0XBN1K3XOUnAsgsHMfPv/q1o+aLhEErvvPCJ8hW2cVV4DIZPAUFGhUVugodrHRJ895WGMFwKELQ9P2h1cjfutH+1Ufzv2nGeT/PaVg1z4ZyS+xzSHKdG5lXOwudqtxxBlmoOgO+MUz3uxmWP81x/GXZUr4DRyjOhFftREBKZDuEcrILowpkD1YV63a8eLuHIMHuJUyk+4iT6AGSJHuINL1+yAixf2KqvH9hAenf2DP3G6/UixEohIQIaFJwqqiqVc/aJc3s3NDqjpu6OHlizAMfmvbQFxY4+8YKF9/7wdVPNj0JaBB1RSCt1TWJ0lHVUh7DSgRRBqDCMLWGhnW99BYL9mnCbT7vwY/M0PhPoLIJnmAVEz7hKgc1KFUTNXGqJ2ES1E/SJKFM2qBRBztYjUMYAtoUT4mmKZtyLVM5ldqmbqjap3VadU/79OqZsRkzPBuzaWRO59T4Cq6giRVfCZMruZKmV2ZlzOyVlTe7BkvwxZosyVdruTRf74u1+GbfbZXv1mu9vl//9be2iZtsfVM31e9FL9qfTV+cjc3dfJtbszW2d3EX/T+FU7Rzaqdt/wIv3OklXmJg/vXDBO63XXMQ39yqTDdt0BRmL6yYmehIk67+IQMKZ6CbE6EvAQRCyKFpboK+B7j39gs0zfZfkIE7bvKWIrjtMq34n1mg8MjP44Z1d1cA3AOgXbiP64o87EcfxEwQnCi44gQeTQ7fQMjOL4tzQngkEftPe3JU5KKIyzjET+4hiumpIxItle3l+1Tcv46VISoCxE852c3tchEV+CDzgswo88wzf8UjI5zPJTELrjplJreimweN8Ywl3vCC35UvvPtt9fLvh/dkzwGJSD9GaKg6lAbhM97FY92Qw7y6ut8nc7Jin3ZS43weWSj0xESM3PZQGFIlGyRlaqRRu/RiyQQrcTh2Fe8Wn48mYdWrFT+96kRMGNfY2n0VVS1+kG8v0+4kjvipxcK+/A0MFDhVQRWHDKhIHcQggUedBi+K07tvX1Otdit5Bih6y0xtUqMg9ePfKFsj7q/7cuGTXrIdB2nEcP2xJiJdcxU1ToXWadbO9/TrSN1QFJ16z4KuDVETmZKjx5wYrG19bqde/LsAof50E46gXIPpzSURjxIihWXCFUNAHnckHbn1jwc4VLxrykiQkIhpHGoSDlYfM9h4w6CdDW5ExcGg3Yifpf1yRjj71HTMKFiYHWfz5G8hoozuvj2VbJnH+VZS8UlVxuwfa7XuEI13HVSOD76uj4X4TNRYqnjphb0zZ2P03p33xXbX/Tbe5XCHb+j8boOqiz6NQ5uHG/xPnICDSIanAlXPlTnwzoghdj2MOnmJnD6vQ13PTeSQHUoNkye1jzfx8jlPIIcoK9RsGeUQ1XB9z72dZi+EeQwzt/2pP4/hqXvKdqj0hTKv4bVGb1edtVWvsbzXjcP5K+UQ+gTZYptRl+kxn2vKU27GX72e3vK39qfvE3wgY6T/m1mQb+2OK4AQtCdANDU7IMRTRwoS+ijnyaAVX1ZHY4iaC67t6dg1b8ZFxpVpuryWx0C0tLoX3ds34CWzsPEEreiNmZgtLqRup2HYGO4Ve42Lu8zk5UbjvBO+EZTSpmMEh6zZ2jAXa35VPI5Eab6ebh1zM80oYi8VUYe6dO/N0dn51f4Y0cy+uQrPxEJGZklT0SvseFNK7b34FBw//2cqhwnKwMRF/O3gJkyw84RTclKuUTVxPKVvuNAfwwE7hNk8DwobPIfRcap1xzFnw23O1+SFhA+mZ5dv/464R4JD0iJvpJppRKCjwoAPhOHwAO43QyTyn7GjaLotQzLqmHN6egzwXx21hZ73n68q87c8zeT51CDTLqM9GOaghMvG87cWhNRHBgrdOfh8G7l0bCxnuJy0XmwfWvGvy3enC4FV3XS/5K7P3wNe0T/NthcCV+SxolBdgPunCdjDLKBoKKXH8CQVOA/y/ejds+mbS4fLhLP1sBgIrbEqB4auqQvbbG9Ae7CMDWEVMyK6GuZP/7ZXmc/PLigg9UFC54g27sekXOEDscxQg3b0goUJzGEFW3h14xsr5EOx8Jthf/h3rG8TjQPJxC3+ctzqibhj8+QBJMFoxCHjonhCHYdpar37ujmMI5EQi/+loq0Iec6sw3DUB+zo0q04tf41yHPmGodw2u8ungQurll2jFZeu9vI/b8xtQvkOesuz6YDJ8pbaCueRcNqQ+u1MIBZPBBjfgZkZw9J2FQMqXsU5uwwJnVF42ALkRQuBflYBOLQ9rSBUeKPArgvaoEYKp6oQzM60Z9GdGwKC/CxhA7lcRWRrb3RL3Z0FT4l5xhz+v63tnCdxk9w29iz/d8Aa+GmuwcHJckIcnjlkyAeFyNlbspbnjw4NJVEOI4/y1Y/umVsPoAz7dIl6+S7/nI7cRl/I63drdNGo7ZTJTy7u0MkivQRfJmnnQyr81/uqmY2uxSDv2HAqwuVBXqqspTPS0Vbwj0Sl6kDlBDm3y9jVQIq+gQAbr4D4ST2moY1xyij1xLiE1ZwWOraPJZ7k6bEQ/nNMDBdNdE5lq3oiOxccV8o0+JLG5+p3cd7h6Uaq+qxmVtnr9QNtma8Erjn59vsa5RYkRXaLqhZZa6IPb6OroLaUQdXT7l2TGsN9NziJh99PYIQgbjB3fti1U43m2mGjvFOc1jlB2zdVrjEiZM/l6uojkkeciwSJ5cAEDg5uE1WR0rm9lavo3iCUuV1Nzsidbgx4CK8vIeR3OjhAFPHOOjE8qIjerqmlfYeXcS1POCOVbW76rembTuIU094ag+5OyFYMrJrPlO1PFE3b/S9DV9OsBphNeKq902fpKBPYyBBqTzIpIIRN6l2w9stYIBHDSiYJ70ddnloEHbiqgRViZ4mvxu8Lq3Ln9BLqGLNA6O6KZea11RfUS2vasareezxMA9RiOEeH7RAIJ01cj2dEcVUhNQLuIpbD1VG1Q2DLR0cMCDAp7qo3xkP6QxCXbipwhAjVRHGuVgWyW2qfiCXOJFUxAdmmidD5gABr0mOyRlqcMiM6t64ASc/LGL7QHymHcnJzIboiEQkLuCCGOXEOug7/UbFIt7QGOPcWC7OJBq2S3h7IB0kxIVaQAoXHA2af29IeGm9Yq93bY2C6FnD3FZFgzJFdifzhMYuiYkZx2DyF3ecGXlyMp0iSm7mRMcWtiA/Vyr9uaJJdU4cGvWjQqjtgepIEWHXA50q+NFukOIU080v2stdXuTRH7GdDB58QdONHNo0hVqzOvmAV2e0Lnjm4SQDXY+YYCHmUU1xaIs6O8huoCwkPi85PEiHMk05QELeo6QfF2Ld2O1RB6XhwoRHuCXspbEd/F2eQR90g5tdFaKFZYBPqMsVIAd5SHK4ArjUdcV17lCGo60jt2ucyXRs2vxn7pjdifCSLm0l1P9mTHpK4+YZBcg1m37vcn0fsREA6AQdzx/7oRVtUP6yTcSArIFM+fDo/4n1obbS6iWbsSt5mLweKGwBrKjWx0e9Dl9HcMcnqya3Te0EkN1VJQd41FmeVCwV6X2kJV4MzkjFwETGoEwNwsNrSok3uKEMeb2A57tpl06LrrbAGnfmZvaEXDxgSAZnTkqVqQl9LIs/kjuoay8j3aXGmdkr7mBKJ/DAuEJHaBsl45xUxLzm7ahSqQ7Kf6swbJPMl5ZoNjy8oDNKFoI7QZumPsFYMp/IQu1OOcaUiEbGfzia1o9Vf37k7Ou8e8eupnZDkONtmTYI8ZJZLqA34A7Ye60QifnNN4yCN4LsRlp7IAsohDk1b7YE24N5HdAWqmnWGQv64Abe4jNogPdzq6MxG1YI8ZOilzblaO6Z5LzsgmfADlEHs/RsASN9vC9NqW383G2NE3Y42+A1OmaMYiJlBtgTdOX2xxAfnJPTWuUxguTmyJ3pfR9LNeiMisGPCi2Y405ikUmR7Ex0j+zTDU8fZvThJhqkexXRa7dDVrnN5K7ps01DGz06pt7olaK+9cPOMQo8IzrUKgWKUWMBqUgGtdhmzaNMQpB9kAIPX7fV9IxOG+lb7Sp3KwODe95l8p78wURMGm6rlP5d525Kxy42SXZXS+qf351uO7FAfox8pZe3vtdhRTYaDpgg+vYkpP9Asp5LTqZGt5zfFEBApnX+n4gLo1GFL9H3tUCdfv/cbC8xByFRaWNxmmE5XhAlWVE1qD/yW//Em6OfPKLULIi2z5Ap1VcV/t5hZtU/YkP1vyt3mSB1l0guMeXENZTQQVJ/GSbItHi7Zesuk3Dss9Ir3zEgOk+/47ztfPpvo36ozlff9cTUgPCMUa9/ZlM9+wfOg6yO/eE/qvXfhOcd1Kk/MTpeZ/6kaoLTk2jmYsOe0+f234zWUIsLoVv504qq7h9ibaLaAmCDZldog3Kci/PWk5cBsOAnKHodvbZmVZgwiBTwNY4x0U9jkp/BZD+LKX4OU/08pvkFmO4XwqV+YVzmF8Hl5VFABwe0fioRxBBHOjKQiSwkkIt8FKIYpWiR1yQYZQStaozhRopDdBRyBVMd/Tm+wxgSxpIxXgSADjNWcugTvcSVPq7L8/rCXbWuGJPPFefB28Nb/q1XuMrUkX5HbAORZKNGXCTnz6gxxgrvGlMQBOghCNkF1hesFLHUaix27UILzrNJCGtcqvhSCc9E1HT59pQWcDiTp7b1JfX9uj1k+9VOzi7frs/egdLjsKOL56jgpOOU72zgWu6CYjzWP3dlcdVzdWJ2uV4xWDSUcyOyKlmS95MAEByYHljS9V72ile95nVveNNb3lblBz/6yc9+8avf/I4/8Cf+wt/4B//iP/yPWtShHg04g7NoXCACgUEQEBQEA8FBCBASRol9VBxxiM5gstgcLo8vEIrEEqlMrlCq1BqtTm8wmmi+CEViiVQmVyhVDLzRrYSJEidJmix5ipSpUmeqqvrvwspRUJMxV6moVdDQ0tEzMGqBwn2pTgBMozOYbB5fIBQpcxMAQsfAxMLGweVBDnr6BoZGxiYIJAqNwf69RImTJE2WazXWVHMtlTVaMUrAYABPmYmwx4dC+Mz3sgkZaC3peMRoRb9YTmsWSmF9Mi5F9cvHOa5/fpiTBuXHuWRwEYtkZNGKZ3QZymBqOctpWvnLb3pjG+/SZjTDFc1tvitb2HLXPMhGN19fmFt7fce7qwf5zmFGpzTGfU1sooeHDc7vkYmfeM9N4ZA8PzVT5419fiuo2lJb2ex9aauauy9vDfP2g60wfz/eagu369ao3k+33mICgOBAwmmAKtVWWGuznfY76n2f+9b3fse/aCD+sUsxOc0KsmZap0W9vH1iqBxEn9rWXJVC+S5NwjFzOo0jM1jHwCfPmeoXPgZaHqJqFM0IYO/4Q7bUtD+zNwfCDLQR80a3+abH4pVeS+mzkn5rGbCRQdsbGrKbqIbtkRGHWx71ZOiUjgLZeMcnvQ0mOsleislOn2yqs7ih6c4Bb0efdEEFme1S5rqS+a5loZt0sdtnX3IsdSf07jfHyz0ARQj42iNcLL+unUkY8q2XgoL6dhfnfe/lUGFDe5MIw49eSS9qbH8SZfrZqxnFTR0spPzqtcyS5g6nc2y/ez2rtCXmQtqf3sguayXW4pK/vZlT3mrsSYznX89yK1oLWZPrOMkOG0x23PDbwy4YM1xXOcYL6eAq6OEWjROqyjNGSA+fuH84Vfn7hlkV6BcuewQlfdy0bKOdijRRDVSVKniiz8gvvVXT1oaxX3u7tu01E7/1UjL1ez2ke3Jukup1oNJDrxp3FCB04P3vr26zmmfZ6qtsvZpdMElVG2CT7a60q7o3XxzsDW+bEBqtUBLla0GT+BoG2QsB0UgvQvwqctVSeVU11tbk2+8Rxg7/xamGoLF3lf/FNsL2fMoUKg1AdAaTxeZweXyBUCSWGIyE3BkBEQkZQiEg4afDOvif8NrROfDRmBwkGi1wi0jmrwk/xQfZaEaY83loI8zFN5ifRN+qCMt14bghmGnhuSU0t4XiziDuWt1NhSp0Bs4x6dOObCNBtjnI9q//Y9ctkZ3bC41OkP0eZNfr65/dt2d/t2PeAKlKo6WuqamtratrgM+QqTGWBb4lqTW5LaUdjxOfM9jN1sPem75PY1+i/KrhhJvLzI2Zm1uwNrfm6L7+9J987MvfI432OLxF6U5vuxTZAOSp6/8AdcgPoQIla2pEB1AACGcD5AS/QyQQ5oIsuRazMuuzsTJKtrpGOZXoCjDqkRUnMauyLhuSli3Zlp3Z1VSygnsAye+jEx4Mz/BGT+TFYII//zcPFzNEu65Ub+0qwkKtnn7f9X2g6/rY6EzLtt3+3bdpe/iSvIgn95gep6M7/af54f1oe9AehyG5O+XuuEn379fgzNbPpKfGk/g0PMef/6OnX/+ZhHpl8Cr2VeDV9BvEed5CM1yEznobbKSJLnOd28zwsCc97xVvmTtMrvdTXzslC2L8hmbvRZ+ENGpiA1fIQCCaIpCZEiyp5Dt1km0ImQEf2tjL5y9c/OScWrpoCGIFSuneBL7SREkVQvsqXYAQH5ESzp+6SA6h4mIp2Rpsowbb5AyDMDrxaseq2QUOUcTRjZpdC93v0rnQCCOGDCRQiP5oHSQL/STCgDzQwE1N9eyZyEUxWmE4As5XIi9BnAeCkJYCis65AHK1f+Y6sIATaqEeWtCFfgxhG/bgAI7iJM5jCqqVNS7jNjWw2pAPLAhRFdBErRoEqVk21ajMX4JRX1bQQR2VdFJDvVapaW1oiqbofihREIYZkIx0ZCEfpSjDeXhp0+dY+aI+y4cX8s+ex+tMwkXohoV5pLloztEFojif8z7fZOSjBcpxASrQVW8DVRqtn+7zWe5xSIC+rwCP8V0czgO91zT38kO+w4P8gEd5nEfqDtxrdIhxWaBDlHg1YjrBFj7H7CYquOyeBiNRnCRkqBB0i0cbDRqi8740Ukh1aknjwq28Xu9vi4vQEd0jC8EcZipS4opb6eNaLd/WKFYRW2S28kdl4gJ0RE8DDTfedNe4xT0e9rQXvabKfEvUWG+r3Q467kOfG9Ps515cY62x1/jwoFc6fY10UPOmqvmpyGmPVPbu10IuovKFnNycZepZpdTT6iUFVFevqSfVUM8orR6LZsm674UTRgT8pBaBfNbfQaGH7ZoPq5p3n90syPvmAQoUIDvf8SMpEWnE7SxMY6+t3HvqZzD5Nk1SXjJ0/EokXPNhm+aAlD+Wqw57zu7godCyHxp+Qacp4a+yHI2mLNk6unrC0pVZwfg/2HaUVe5ZUH/8K8lmUmzd5FvPggZYaiNqkKMcMVfyZNYEE8wEVRZZUogGZCiTYhydvgG1XJ5yRUILDmi693GOFOT0LFRPIvXSJIWREQNANtUUlPUUCuQtWGaN/y35m0RopdFAhwEHFm1ZcGk2hvJqniBgNqphyhZQszOzvygCcr4zCz7SSzHSbU3b2p5GOLV/g1uHxtvP59EuHNZvx7I6agOfzj8YK/zJZPIXRswB8Ap/MxvfJZxJErt2nxyRBcyDijn/8hCWppkBO7MC9+iGC94qvh5pITFvSaxjMJQRezAwx3KEG1zhPvcQc6fsrvzFR8/Fj2/zjLu2q6lemEoGedM8xguQhWwIfM9PH02RQG1CDV9K4VMdUdt6d7bGMqXkJExkDY/6Eh70Ac9d9dHYMLflsU8YNsTAEWezTgGTJMy+u0qeNk/A45HBbInYg8w6V7PKKLxmlTAp/rznwlFWediakMSzuqECp1nOwhpNWuNny/MiRh5TA+dI0mHJoa4X8t9c+7Q78BZ32Wc47nNI8qLN8hMSn8lS87hZPD7ndLrvIv9vfF26pp3xTaj/8E4AMDkjBDAgQst582U+XM+Sb7/DH/j3PKdZ0cx82JkdxP2IBOdhDZJOhCcs6PA0IAFBeJhJDKKuZCZLmHMhVI0jGBoZhOvH8K8e834FGT6osci4ukicXv7jEpBxYyjjADY3sYIFB1sc3rWnRJewmnXWHvO8Pr2u8MoXTa6nCtGdkBaqa3khgzfq6F0hgZnNl81aIkC/ZRgwrC9juJtIkew3F5sRgwFGATGsTGm9NbjV+UH5NtccVDQtQemCTOyo04ayQqmdJtpQ2Z6F2ZBiabJgbUUo0f09ZSMeYhSZ2HPvbK4vSP7MjO5Tz8xh+SRIw4SUZplKZHKQRcPdiSdsWH5dq64xF+hwEWRcRQNovCaQ1HZ5p1E0XqVlYKuP6okaVxNqVE2Wwih1D1HyN31PIRRnhP09JHQCI4IO6KKPShM85imz7AkGECuIP+RDPZCBC3y4oz66Iy1yIy/aojMGYiz+xD5Lp8QhWHFQUZhSjRkhTM/ABpaEXd5TB86KPqygVH1/THRyAOYII4kFPwFlDbFFOv/Euk473OFBT3vFbEustd1B7/vS9/5EAwme+zkgMQ4IE8o4IKGMA9DxKVnsAfAgjlMOot+6iUVM01Jte3+UZHgElWnAY3bRv2pxuDy+QCgSS6QyuUKpUmu0Or3BaDJbrDY0IRhBMZwgAUUzLMcLoiSLTaHAuFQodM3jjJ/kCqXSPeNHxAaGHYInAvt+lRvm/ZBRUaylghTNsBxvEERJVoyqyaxZrLrN7nC63AK6d3B0AoEhUBgcgUShMVgcngAQSWQanUJlxLxyBgcrzbzsrTvqkOHuaiaPpteG7dRIr++4SsiPPqVTp3CIUz+U6Z8BBgAjQH54WF5meRkIc5Qs0jU9A5L919cerDNUDIQhq0HuDiCQjnHw7UIx9az8jDYDP4biwUvEn+t1hknW4S6Ny0xhNnpfIZBcfPI8bUB39D3boiEqe/qVzJIykOwbGefhApC2Kl9YPeQc4yRXC1Y1X4u5yf3LYwBpaIW+LvOgKhu97+eAggRDJzAV5L84bBCCHK0xKAT68VUMAgYj76sCBEGDBDi4x709DupwL4eDWexvcRCD/QzurbFX414Kkwr7C2YE+zDSxyQSMKk3dc6an8OMyKQOswoW0Fnyvmgkx3MD0pyTvw7MgmGufZpMVPxnCJ12BY1f09ofSdEiVNJbVTPfmN9DE00536pVZXvH/QKGcMrZbvxyrvZ9YMkLnDeMX941Pgsc2YNzi/EruJa34ekyOAONT9F1LPo7AgKDAwpNtSS/exgZ9Ni56A8UGLOhDHVoQx/GMIc17EHKIrKqFDis6FcAaHOrENsW+bMz2IiNAZwPYNOkRDhZAU+5TJQhTrpZrN1SEAiKmmgrBCMNW3K5EW0Rz4GWKYj6oK/ZZxDB3NLIuMviZ0IpUvSlbjj+MjYb87EYy7Ea5GAGO7ghDXmIgx8CQgoP5l7ZjurucYleMOI3M4VIMrKjMZqjNdqjM7qjN/pjMMZjMkaDGEOEpEiDJiur6seUp+NrRUcjySnB31G9fyGq0xKTmoZihE7DagJHKEb7V9q2ERYulwmdrzF5iq5ujBihSHNIRMxdocUKMEPKe3BIhxk8v3sG+vQh1vvz5iIejX8SvHF5ynyjy0UcEXqss+3dJgk4brB0y2EXOUa2vZ/tFvfzLb5TpUJCOJVPOCnVk089wxgJU2fJLb5AserVX7am7aqSGzz/VwfD4riIZHeJ5S5P2svDjjrsrKtuejgomBXoT4g6381NLGti/XGys5HDD5Sd8/EnxvWkk6cn1b8yFMyxv27o1N+7XBhaDwkU1xKcd7GYj/JbRNdyq/9JSqmVhmmZWCNnGut0LTHSZFe5xQyPe9FbFqqx2V7HfeqEX/1PsKsIwnkWNSQWNVDUHIGng1JNJ5k6vXfpOApZX5hzzjmSJCVJAgDAzMxqh9PzZtnlYgq1+YS/QqzFGKjvNWGJ6vDf76IiMbCRE4Qpmubm90AaWg8JhDYqSZIkAABAcXngqovFSVeMIRQH9sOtdgNok/9bl9piyqW2yFJbj0rOLa3NWTKkFzXnRWljnRc11nmBur6lCxsDgFHFiZKmQJMxFjGNSrWaREmGR1CpQadhs1ZtOgxUR3VGJHI5ytENJdzIY4gz/rQlLujJSw4ismYMFZSbOV1wzqSskrrWYyRMnSV3gVAlhqsgUpTa4zMLw62ump1QvH+f++ba577Zc9+fWt49vd3uLIg9slqPlEttPbLU1gPp+ZXdRIumvipONmzyZtzu7xjBSrrdWdGOm2ASSPBDApUFSebKjU7vUEYUjkRj5TiKyOTLtX4nCnVCKK+srtXIxMzCysbO3kU1Ssrosh5vji+vTe8oZH1hzjnnSJKUJAkAADMzy/aXs41yFNbKOeecI0lSkiQAAMzMLGtzTJIkSZIkSZIkSZIkSVKSJEmSJEmSJEmSJEmSAAAAAAAAAAAAAAAAAMDMzMzMLFuojSJJUpIkAADMzCzB3Psb2Oschdq/oc4550iSlCQJAAAzM1sLcVaLWh4dk4yC4JZiZYpfgV7fWAaAQhQJlKEzAcAYm1+iyBV4lKucVy+67wpeAFDbOXrHvmJntQWBE17wcB4O0Yx0rHqUKfQuHlux9IBuQ1NRu1AMR77HOy9mf9NjeWCDFeKwsEhGJvLRgpiBcuKA11E6oRM6bkpIP2xqyWNEnNqOOOR7NKU0wjjhZ3H8bRp9hfLgjesU48rRDt13oC30YDvzmXe+ZdbqbBR9T2jpTXoH3jb4DkPq1aPW1jT7dkV8bK+Jq/gMw4CIpnnPH484Pdi0EzgkI8NcD4suwGvnzjrKPWo0rie5km90a1zblm6xhz3RvLmx2E5obOOncAjHejG83TvhQW9Z711/EynMwy10UR/9kRXV0R2LsckwMG+qVHzVV1/hi1gN/bNPDXwUxnScRjnu6ZuCoczw/NxQhNg23C7bsFuun0f3cI/pNJ3UU3a6D/0cB4oPjQfqIX7YHx2PrEfdY7RKNnkcjAddpvucP5v2JyDc4z47YSDS1kwtP4/2pm95pjrO6FyrsTXyQjyu1rXBu8gllQ919tDcvwMCrZb2Kax5MYPzGhw81resWCbV9iGnIvvf7tHM+2PI3kn/xyz2NwzAEHsw3R/T3cuWlLZjjYSwVWfEukyNx97NEsCV0THE2/fTvRYiXrnQep0M0PWwLW4JW7cnudxPc0NgI23WrBHGPlq0iXUJ+seX2c+a+QqFdhQSd5/ITCIopvM7ervgOJshTpYxtJFEXmSMc/6/3N7628wTNDeMNxEe2mZpcSJk91I0Faci/iSNaznVRNs9zcqn3u9IPvfDTse7X3Ytfv2xmwnvVg8TM7/1J2UJS0jhkoYOYdhhU7aM4VO+nOWkYgWrTOWqR03TWteXLq40ecSLN4+NGc+YSVOZMGcuUxZsXBdMF8vtQ4m8VksXtlamqPVXSvr4WlkbVSvZrvG6nVpv2u09y17fOfb797cuA2AQ2G8DEBAmIrcGAATspg1FbhoACMR1X926ItcNAAQAOTJC+UNGwNGRb1I0Ibz/nRMDwBgVb1gOOD2lZbNVBinhkGzWL1uz2JV5NCu8kFVZ59WkZIO3k5YtZmdbLpmfRv89A3ZlFMHYTKIa1414xncrgWndSeTyXHKa3ofaVSqiMS2725TRn+C34bK2tDu90zh3f/Pjsg2Lj+sGlxi3bR0mT7d9uDzb2PLivlOryss92Vhe7YNN5PU+2lQ89ulm47lftpk3AOQmYc7yzWahjb/5mBIgDlcCLSWUUNnkE0WNUhIZIKSPCUY2sIFkxG3CbHWXJNu40WW7ZwzZ4QVbdnqvOqO8+TPGn3/yBApMvggRKZAlK4VyFISgXHlKVatOGbK6lOvVl0oDBlJtwkRqTJsN2bz51FuyKb6CUjyP/ucLef1SEcNlixt5tbSxiuW8rV7ZRM03TNZ+y1Svme70me1ev7nuDxhuJCrKzMSJZmNizO3YYf7CBQuX0i1e/QP9+nUrf90U3dop5PwRsGaGGCMxxpoZRAYIiHKQcQIQgAsgYLUa8ciYAgjAhRCIGl7D4YuMIoAAXAQBQEYU0TME4GIIADLMABtmkCMC0A4CgPQ+RO/r33QNAWgPAUCaTmn6j4cVlxGACggA0t207m5ccDtNh8nLsLJSZ5uOKZZ42FJ3yphOaShF0IYtScddpnP6mlakhq0oYL3TdEntGVXUsHqJt9ym62hVIuM49ztMt1SCcmctyLnKZbqnjIBWoAZIgVPp3KLHYLUJo0g1CMNp5zY901FWFdVQb52E59vUC+OCAis2TY3K7IymVrQxzd0YE+TH3tYFxIX32xes9ZShTV+mll95CEq06tZmwqR5C5bQ/X2iqT0VpIIVRMEUQiHVMcWm2BWH4lRcilfxKwE1T82/F9+Kn6zI9vy/N4bRVs0EfUU3YAkAd8F3ZuiRJmh6lu/vyzRRY5YFBmmjpgAI5oXpBtu4xdOimWC7wrjzi3pVvpBwFEvvsVBUT8mPvEUy+wSL78QJ19eiQd/wIAwDw74w6JeMe2LRXMaXwqC/KE84SXVfw9AwwGzgDqk3+LCUuKNxA/dDHeqI/zAvQjRuUBvfGz7uqjFtxUHvt7Hb4313wX5YbbWtbSzz2OoubGN+GzMNb5gGuCg8POzZhRnQABebfde4xm3NZRgKg3Yyvki1qVR5a4D2UUIFehbPH1SohFbE2ZePfLQaZqmyhJDYG1v8DhM/mTCpn2WDyRMN3psOp3PaeBOYGqsudZ4XUmttDwt+jKXEwWGqNpdYZ79mo74k2CqkIsVqOwgKGk58JhdGKuOAvBktaQF3c6rXF8BKOWLLUwkB0xMxnWQJUwtwMTgegAeQnStVQ7hgjzzImAtjpdW3VO5FY0HNXq0AxdcV0trQV5E0LoaCMZTkjumOYYIhWrzVQLduTYEO7jCh4Oa5GRyaHDQs9HCpKH7DSFuKQmmhVt+am5LstbPBxLf89odIi6YYw/3eRWOwAA5PEAtB2hiFQppgQIFjM7elByG+QCgSS6QyuYAYp8qm6MhvrfDNidUa0DHqUxi2DRLk1rGO/o8ykwtp2Y7C3hsoDsHBcAgcCofB3/oDAUfCGeCMcCY4M5wFzgpng7MP7/AN/wiM4AiN8IjYFB2Ct1b45hQdsREfiY5J9SnSI9l+3EDoz9LRNNJZ7ygslbDVIfoHOTAiWbaZ9iG2Ufo7GEKT0kPfjXQrbGZN6pvyS4P2jeLNjcrutMF9tjJZRBAwn3cQFZvfWWUAi9SvLsU4oPb2ciVH/dqMu9xew0jmYFpNxc4JwezCSng9xzVnWWJrKRMbXqAXiye4QNFtOsd1nxLWc1VMr07qSu9pHNdnSlm/o2r652G+GMnPp8j4oVLcUD4hOS5MB8QhTahxLZEmNLiVSEvqo4W7SK/Qlo9rSfPY8a6s5IyApYrQWHaYy0It2rZqa3kJaZmW7Z42Vt5Tbv034Ryq4en8cTZOD4zDKN21QrgmmtJyRFywWDvJt9Apwicmv7owhTNL4ITOlfqgq0Q+3PTqZbgQR1fgCvOFaAf9Tq6DnhTpomckN3TUfvZUdlmjhAY5APEMcoA24z7igzF0AwgKO5cwmBBjezzgSIFLLFiRVpccEaeayxG5V5QjemfoDlbkoxQE254wYXBdj6/Z4D6KRzmEjno3hOgx1Qixk3+CQugUX1EhchZOU4ju1uQQO7e8DUKuxd9ip46w1GbKmlru4wu3xtbaEc+SZm+5rbADvKJoN6/OjoJr527FrbyDrKRJ6ChXE83u2YVDstDQtK7a1nDxRuYi0gRpDpG9Iw4claArNbvepc7d66BdpDDypnLQHNSecu3gbERzmXI3FmnNrb0jb8rVCltpBw7g4wAMiiSJJJuB6cuQJJ3WJ9pKv29jtYRfg4HmiDUVK+iwWhI0RqyISxKvgg+DsrfyIg3Y4mkFvNeV5NNggTyPDCcAwFBfCxqHzno5CuQBwNBvnF5XVXIb6WXh/6ygNWSBR2+DGLhdkItwmzpuay28dcWfv5V0URD8UaXi3wegqQFgMdU9QY7r+TfPDhlWcUxBpUqNBl2iZFrq3/psNt35rilHx4IQktDaVnFdnXmpR5VVW53VjegJEiVJVl3t6jUbkl5Ih9IP6a970wVUrp3kyFNDnXFp7funtIYosRJkAQs6WOBDBBn0cICJw6eDLFHrrX1HJPNEErXmk8Nc0KVcBqWMUkcdQGk51d2CLwRCEY1HH0DT40E8idlEYzxzNj9VUVWVk08JnBW4JLAoMCLwVmBaYFfguyCkMivdUApUClXqFuJXFlYmKocolwp9EvotRqROry6hkaWRq/lPkmWgqOKyaqhW3NDf6+I3HLFMK7VKa7QmG6DVbA+DTe5WVIUaUTuacZrL0O79W3v//x8hj/thvtqezSjIxLfNfrSd9/vttYN31I7Z2Xszen2GQQITfKO+577+9v5w+c67CtflyI7VPHmFC4jVoNWwU53j2t7/agcFFA4eAWkaolFKPxt8mEK6CQAoIAik+mFJt2xjMZZolca0JutsdmTbGwiUSxvXeixmhJqtgG6rsVqrs/qLVRONvwDo+HF4MjfszsGFJ8Qio7oOabaRr7O7A9g1guJTWh90mcXf3eGGubq2UJPnVhTs+IMb+CsKfA880ogG6sr52Ut7ba9yoYHeMKG6FvLN5tXCVtiXNg5ckwvxUN/U9cEhEzl9RiEZsM0v+LkGumt+ft5R+0ltjwapl8TOr3N8nAbtv6EGlFFd/gW87p44cqpVlVSmSPBBWkFqBS15YiyrRVMO5CJrkAlpiEWMcAl2yNZtgTGjaajf54bMe2Y+v2HHU47iSFakC9RO8YQitFmDcCecheddcxUY3t2Ug6munGBbpr81SbR9IP95IL+2oBR+XQhA0VUp/6b8DwDFrDRKbwNA0pq7/LEFItdMrPilBrN6NgHbH2x/EmIO7k09F5LBmcoFmT6bpRMAHxC+c7hCLjw+zFe2nHgCkcyngpv35JtWPpuedLjpx2fNXLKtiz5RlLzRRVXuRLak9wYj3nOWHuvK0FSvL6w6c+U+n+AvBDoFD27l4RRn9B48nW6WqlF/NkvbMfp/HCI9Pgp5HZpf3/3k5dXq8RdJTFK8g6QujBUGtk1lo2X6zo+LcgzH9v66145N0DkSwnva9v4vf/TDDC5bX0IUbdrKDb/HOlff80ymPtEpjF0m3uucT1pW8+M96Y40Jvx9zLehJOY5PM7jp6CYgA4EAOBAAreAo5AlUIIkWNacdIpJ2PuiFNdIoiSxYn7DarjfSqvE+r7p3i4adDAQmG9IMNeEZz79DDNOu2NrGG5Vn+D2Y4awQFghDBAkLDUyCKr4Eoqq6xOK/EjRnP4O08WT/umPio6GgY6JgU+4t8zrNEy0zHQs9KwMKvVjFeOU4JUaWMW0geGK1FWNa1rX9W7A2S14aRuQEdwuG7jvLIzbjIKbVWhzD70VxTaq3E69sjPqA4KUd6hpM0FmxWjeLD9UoF90A+nbmIE9Odmbs325uD5XtxTs1kLe4YI8VLQ1JVpbknUlW98rG0pxrGKXorjsRiP+bdTNxu720PR8DcO8ozfJUPqOzFiGvbaZXxjgfQdfHI9/pzzT36H5iP3yrndjZ3sa1+zEt+KLRGSch95KXoVZeb/u4+yju6/TUjHFdPFILlbrWQMv+iUf/134cf54r/eu//84n6u/hkskcso3Iu+6H1aV4MAMMABerFrdZlteqo2l2VS6zWXYUuaQJIEZgJgxA6UTIX8JvLgUadavZXO80dwXc7zreEGMm5yXlsqye6d8ICAczI33RHVtBfZDALPHBhhn44rZeW81vD+y+s3zZvMNzNDmjDxdlm1l+yo3txV6T2+CuSu+pd26j27a/w2SOkbAPIesFmhTrLbFaddCp6NueUd93sX7cLOUwY/kUrNz7MHN3Tw9vHEL3D6dkeCGNMPZlbZfVjeWN/Ympn/VKx93vIu73Kv87nzlH/Wj7NLiT/J9+1rf8jDLXs7qPo83uMVNbuLu7uW292/HO3jpKTzceZ4/8u3pbqIEUaO8sYfJ4Rad6cWfcF7VtOxK51t4q1/eV/R1reob/qaI43OVEnnQBZb+JhtAT1uGh/n0rSQXm6ijcg/5+5JOUratuJj8pN8QrZu/GdmkV3GLRz+v8+3fe7m/xYiiTHGzG9noBvui1bjSYV1+O5wV7fV2tyNW9FvELcKT2uqoszW1VKdLMLl7d7O3RMWILj26dVr1w5p1cDeqvnra1OD6qG1DW+vbxobWq80c8erft/Xf6fZ2vH2aG1Shcv0NE6cKiTaVJjSmsY1uRMPd2jcb2FpRjdxSv3FpvxGtm9k0ohLftqxM4VvT5pPCDfiKBeV6+gu/P46dOHX21CPP9l1NW/Sc6Vfy+N+Xd+EJPqF7+WM2lxU+LvJ/EdzFCj6R3vfvNXmM6JNmudPXLG+Nj+XDQ2m1m/dJX/i1L81xsyVHo7fMp/LcLrvEGI9NF2n6cPAIOLgsrFuuYXVrEOjLAgQKFSZcBExXS4fjqbvlRMk46Znd2j7owz6CXf+7dDInO0VbPiHLMcl7Yw5szppv58/6d/t7fZknd1fuauE1/eSF3LVTuOtVLGZdmG7nvuTa8yBYVAYBnNPzqU4vBlxATso2bgDkfYGU0IWfGqiy1KIuhOdMT/t0TCdGFbIHMKuoSsWNBy8+goQI/wTUIKtF+fm5pBFtDV3ToVtvqxhq3R/bw2410lXGTZoxa96COSu+W/35/wJ+KStvvT1/U7+mXxe65V/yWt7qbjMx+PWYO5YmbHmHfH+m9jam+n5Nzf2e1LWZ0Q2ElPNJ2pikNZljrT6Z6zl79s3s3Q8zvFZ7Ydv3y0LugVM65VP5NDWdqsXvSxf3qbqJ26tE/ABWW6fu/n48WsHUno9be1Wvvqpd/UStEfNzUCs4JVs9Zbc05Uf/ho1hUT9hU59gN43jl0fc7/GfjfWai7cFrnZNuM6qWgNVswYncDa/i3p+f2s4WLD0wEKFtIQqzUASmzeEzR/qbU/9bTrvz6e+Rl/RGnyOzv/erfmrXssVnHp3d3v3dEf3ducEzN/TOM2pvPU+s+kbMXpap52e9KU/oxnPVOYyn5MHN94E/parudrDM3iIjxe/4eg2PN1HYPCYjJiIkRMzahJGT8qYybhqTq5eFdesmmvn4rq5eWKxzFwa81bC/JWyYGXMXgYLh+bAitk3grQbkHODcm1I4c0rsgVFt+i5LSm5/17YjlLb9VpgkEIQ0PWgIMVgIPsW6dBiHVvireL9VKmfKzM4Y1szsS1T2zNzQ08cyN2NeTiYp5vycnth7ijcoiIsLtL2cuwo187y7Crf7gocLt+RChyvxLcRnYjgZKVOVeZMFc5W6YcaPG7crSbcbnK5IcMl929MzizJ0OMVm89XacwOpDMX0ITpgQxmBJoyE5DJzEAzZgCy6A+y6T8k6H/k0D+Mob+4PmvckLVuTI+b0uvm9Lkl/W7NOrdlvQ+y1odZF7crIbwqMbxrafhUUvjWsvCr5PCvlAio1CBXWgTW8giq9AiujLhUuGiojGgsfNAqM5oqK5orO1oqJ2aLFnPVFPPVHAvVcrxP3ak/DSdwApbMUl8aS3NpLe2ls3QVoBBFKEYJStEcLbCSPTCNmjRr0apN+3rDqUo1F7catfXYdTfcdMttd3THD3iZsmTLkStPfq/2j17r9f7Zv/p3/6FwgWyv2YNr8eVaW/FCJV2YggsvWcAAQACGgBFgDJgAptCHlFTUKmho6eqiHr369DvgoEOrEEGRYiWISpX1397sf73V2/2/d3qXLkypAxqAJqANmDFEHOoiL+qiPWVgZGKuAigdOg2dmIu7eF58/DfIR3290sPg3km6lEuTLEXqYQQJlgb9rX3r38/v1+d92y79cCpVfa8+W//SK713+Mta3cWGF274Edw3Oxz3mOPctnjEHse2pijFuR3JOtOQ+sW8wffgKVKV6rhSk9p45rtEJmrDcj3q+3Efz5/5MZNxehnRiV7WRTVKlxNa7kV2Yxt+eZd/BVd4hCu64ny8I0e80iu78iNdxUvKSoYNNjDd3AkbC1Dc42YnBw9iwn5NjnGeUCDvfyUuJ2CtdFidCUKDgzCqhiB5iteOAtPGr3UYkDrrLOLXHdm+Pf+vNgzqnzDpqN949cvyh7DOTK6qe67iF/ELv6qrvsq33FsVV1pJRRXaIlOGFEmwMOKlSZcAL1GqZDjvPEAhS1SNIjycncFnpoWtL7GU1pTaila2qtU9GdCG6/xmr/WSu9X9HvSohx3qWEc6sX3TwY52uOM/ucXSr6vTJbS05JaU1LqUTEYPWj/jMUYhHO1HoxIBKPxXLcyEACeAzH+zbLxK392jJKN6e1/sS37fXupLeOiX8TJ3toiG0f64X/u9cWCXigaVu8R1D13C7Mg9sS1MLsn+sLk1bl7jtkfH4GKsRbud+7+FHerXMPVd343dvJX9OxHeFtDv5KlbwgAw+J8AAMBsBeRu72aY5wF5odsC8kNfAygI3R9QWOq3gaJV+Xw3Sq62n1SpdKVJE2O5dOZHhrWNWWGFRpkyZcmSBSdbtmw5crjItRK3Vdbgt1YBYYUK0RQpUqBYsWolStQrVapGmTKG0NAwsIMhuGNhOk55x+N2AkUn6uwkvZ1sdy833Shv0DE6UVFxoaERQUcnj4FBHRMTEgtLCjZENg6OClxcLXh4+vHxXSUgsEpI6A4RkU1iYh9gW6IgywGkC3cyMkhycqcpKIxspYC3+qdVKDr7Fa5aZ1Rkkc8YRdliGFccF0IQUCQpEQD5FKWFpvUwjBGWtclx9oY3nyEIAg1RpCdJjGSZixl1HL+nbaAEQblCoYoxjQDaEE0Nmbk6pZKBSkVDrVYVx7j2rhImAWBWaEUAZofaBMwJtQWYG/oGAPNC/QPMD20NwILQTQALwzwHYFHp8oHqRb3FFou2xBKFllrKzjLLlO3lwrwGYEXpuoGVizQ1Vlndq4V5AsCakHCAtaEbAdaFDgdYH+YjABtKfx/YuKDYZJOYvVkZh4EtCztbbeX4e5t7S832Zye6m+ybWr/F/bbqd0zsd81yz0OrPPLEg/7UnfYsMgrE81eXefG8akZee03fG2/o7bdVlzLi3QoD732S77PPJvYX4WkQX4Xfgvg6YAFAfBM6APFtARrx3Sp8vvc9pB/8gMuPfiTsJz8x97NfPfWb3zzxuz+V+stfCvffqkmN+GeVff9+/v+Kj4R//+Mu3r/+5fZ/Sr8y8P8qgVr1HtegwUP7jJBNgLOhSgCNIeuBEAgBRMHJQFwITxJ1l7qpKkLTUhhGf7btpB/HeZSY45hjnLBhMxc7ds44cJiHEycXXLgsxY0bafA0sxBevPCDz4x18OMXSYCA9QQJiiJEyAbChEUTIWIjUaJiiBGziThxsSRIOECSpCpSpBwkTdpxMmQcIktWNTlyDpMnr4YCBacpUtRFiZKLlCnrpELFY6pUnaJGzRPq1E3SoOEpTZqmaNHyzN2oTdsMHToEunQNOcSt5+cyOn36rhwD2C7EzcoxhLsZhUmiD0i1ymJKjUBTL2amNAg2zWJ2SotQ0w7mgHQi0UC6xfSUHrGmX4xOGZBrhsXplJErzbg4mzJxtZmWgSlzypfFzeGxxLTdKLNNWTFrN8vsU9bMm02ZY8rWh2ZXVpuy59ccftzjOOLfbpWtplwMSd7ldRfX401l86mQsBnkq+ryuwk//hy/Am4oh0z1FXgTcYJovYJvsk4IbS00QrIBBIW9YaOEC5d5KJy6Im6KTySjV9RN1Ynm9BVzc/zEMnbF3VSfeM5c1Juak8D4lXhTe5K4fiXfjJ4Utq/Um4snjYc93ceWUSHrMyjTp5ZVIdiL0Skfm803PAbkF3UbyD/QBQqImAoUGOkHFBToAQVHEoFCovqAQiMWAoVFzAQKD0yBIiKWAaEilgBFRoYCRQWOQNFRCAAoJmI7UGxkIVBcZATQt4hdQPHRtoESIvYDJYaPgZIK9FDy4q0UKe6dVHhbWtALhA7GgDBRtkDYKtepdEoNV5xMZXjb8QxbZpgJAMqKzADKrno1lcPryr23tOTJU3HySbkK7rc3ChWK3ARVIkNFi4+nmMyr5KbuEMnqpfJaWTgMqDy8D0SSUxXGr8qb2lPFTqsODwDVVEYPkVeLVfup+5bkrvd2nFBQ8G6qqF6ghqjrQI1v/wPa0zzx2S1FiQG1RawAag8eAXVUpk11kmhdRXdXJXaqh07rDcMBoL6IYQBQ/wvAgAEvDBpUfYawaMNlzqkR5dfoTfwZg3SN3yScCSquyZvEM0XlNX2TdGaoarPhZKC5IAgoUfMvkliwgMGiRcmWLGFGR9fRsmUiVqx42nffRVm16kU//PDtrMF+rd/0n5+giGX7Veaa+u1G+xPmBtqIjAH6GyUBtBl0AP37yVFt2bLctm0P/PffUTt2xNu169reUzU2tU++HZRBQ4eL3pEj3PtYxeShk4XoOcW1nYVlAUDFyAkIooErRk0g2Bq0YvMExqPB/8SWqxCPp4aseDlhUNMYK15NmJAbc8gKPArAGRYEXCXXAfeahAnhwSMfL15u+PApwI+fOwECZgkSdIIQIWcJE9ZMhIgaokRFEiOmnThxOSRC0tfAt7a2lIozE2ndTaZqeyLLk9wjz8OtIHQIxfBdlCpGT5SxNZWKrRNV1KYWcgNQLwsPNBbuNGkSoUULjjZtonC+5Mmzc801ghQomHbdddSjyFRXctSUy58nKihUP2pRMwD1iPEAjYoFE00mTSskDtAOZQN0yk8GuqsN0fvof2tuG4iYAjAstQ6M1tsCY8a2HRPcLtN/fjePGQ3NPGwIsAgbACxDKMCNsAnAKrQIuFmum1jjbzaRYwDbyomJHf1mX/V+4sCMo1vs2+0qgcGd1XI5cVLg7ufet5m67z4LDzxgfh5C7Y9EtsdRVwDOkd8ALtGqAa6VU5MnMNw8ldqfIV7P7++84s5d4nnBeH9psr8y0V7/qbtnieezpb/xr7913N85aO8j0wEfwsqAj5E4wKeo14DPUd6AL2XTgdeaZPnqK7Pf3u52hw8ft/jyZcGPH3P+n4Bv5u5AYVdA0FtCBAtmKkQIUaFCCe8wYS9AePgTIIL/AlX9wiBysbqjlPMG0YsiMWJ07ViRVYC48DDgW3gKEP+WOAkSnJco0TVJkqhJlkxJihTAThUD+YC0qCUAOpoJABMZD8BW0Sfp2jrOcMuIxADwYX1A5lsKZMmieLJ52HM491yPW17UACA/igwoKH+ZFIq4CPeblKKnOJaVKHER8ZS+zy6b6IYA5VFaAFJ0I4CK6GYAlVHZgKooaUB1ZD6gprrFAXkFXa06Xrte5AmAEt1LADXyCNBQFTNoXEShoVHWpInqbvaTY2h5WmNEmzaDu7134AUdOrzfnarsB12LS7p1I+jR4/LuFf13QF+UM6A/SgMwUNk0GFzsGjJkZw+LigWMREUDRqNfBIxVcQ+Sx/giwIQJT/akP8bjW/lMxxszZnwya9ZLc+a47fleh2LBgmCLFsntJaXHBtMXs5YtW9oryqkM/r7osGpVlx9+6LFmTbd16zr99MeqDRvg/vrrjk1na/efVBf0mjuDkNsxdj8hHqQod28t3G0gpsy9Q+ziIY5zD8+7TyDwsJCQO4SFPbAjXjecqKhhO0mYu0CSy54ckrImM8TEnJX6pMZ/4uIapEnz/06vXMWQJit2ydDUKpkyHd3NhHkEJKvcs0OyV1kjIaFGnnwdd4HXPEmhIk8rVuwpJUo8plSpR3dz4UaAtHjtCVpq6ZhWWvle66fsO49r87SZfKNcuee2Wfq1ecsFBQriXHfdyFYU1QqsFDkDrBw5DaxSRRxWXa2EGjXffqu7t5Zp0FBGk6bCrSX6NWDtqrZhncUnunSpbz1vNqNP31cGDFgzZAi5jVQZX14cMmGCn6mbjra1N4ex+Tz89hCPPNL0+7H7bZGzdzi998Hz/VFJa/jTQpLX49V++srHhe1bdChgvxAzABz8DjwjRIgPO1TEOOCw6CKAw9/YSYQIN6CgvN9RXrkRIwb9xPK9xUV7DfztjbHEizddwpPITEuK2AGcHNoFTqm4Pp1qrqVFvANGh/iAMRETgLEl6eH0hfbBMX9l/POf+eBZuDJvvp5sFlsO/eXc0tJ0nqWWXxr9ukAheiNEfAAuCi0DF1e7NFyymjEiIgelSnkoUwalXDlpJFX0Vathh6zWy12nymy4fk38UFC4baqoZ8AN1fyn1d7oMtrTRIDmp62FatcOczpSrfPpivTf3e7iqUePyNOLXOsLJLQo4P5oGcAD0UsDD0bOAg+9VcvwM8pBG4uGBR7/qTFMfKa+/aU9LbIIeCaqHHg2MgR4LooDeD4yGXgh6gbwYmQB8FJVzvDmKub++Sdib3mxZts2GWr//ttL1/DP5/+vb7VrBS4BqQtqDlIfvhyk4UfFdebTWP6cV8GHCg9PxYqalD04lZLT9Eszi/nYL05zj5tE+CeIjB4Sa+Gwh0BFXrqIqKjDJwnfkgPlgEoJOQOoWKAXqNSyu6eKQ0srPDRVOupNSMsIuhBU06KLp8qkejO2ZQW1AJVd2DRUYnGdnE/+1+5RcAo/g6KniAOneIR7iahSraRqrY3MVl7c9GtvxTXX1XRFlKb0P+ZXgDIqFaoam1ql4URdc9fQ0TV1dy29TfvHvY4OQ02X/4Vemc1E33AzKG+dGBq5jP45S8eY8W5ikikzM8xZmO+W5txw0wrrj02YfwG2YSkF2FXKT+ytXw43no+jz60wWoHbP8ZzByf0djcsuYB7kZYF3I9SLODBr7N3HjLRHkXgC3gc6VGAc0XfxMVSc40IK+BJJG8BbhHkAp5W/Rk8W5Nazz23wZ27ai+88MtLL9V45ZXfXnstdXuotBl4LnK88UbgeQuyvStXmrwn2T/YaB8jkgr4VGky+Lwo3V+8ro4XL5n7q0rPwUwEL0qFCOEtVKgyYcL4CRcuS4QI+r8j3a0LEtIwFJTnokQhFC0aUswn7ostLKWNUqo5idTUoqpUJ9EWW0zolwJiyzUHcYvT8426Fv8TtZ2g8uokkUhP8qMnA/cUDS01oq6AtKi/BdClPBOM1o4F6+naGr6Ue5KpvWWV/E6y9bWckn+TXP09j2jPt9YLiPVCPxshAlVAUaRgAcUVJRdrUo2IqGyXemuJMmXKf1nQN0np8KTCWK/E0qv86tXYeo2pTsbea033OhytvixvQiHeqX63hgj/AhojNgrQKr0GTQvKbla1NWkB761aWltF+KRdZ+v4Iz+Pf2OgdZX8TboNtp6IwAJ6IzYL6Cu9OOnX0wb+b3+v/hJyCQBDYYIFDJdcDUbWRMioUQ/GjDln3LgvEyYEnkkk2lRkXgHTFYTBzCLfrFnUPadqezC/qLdgweZZ5Hxf8qfRQ9ULWK40GqwsNHz3nYFVq97sH8JVC1gLfVfAeuWLwc/Fe7/88nL/fvW31PZGv+7S+6/w9gKbv+7V+5/wjgJb4b0FtsM7C/yPCChg5ye8nl2fvSqNwf6aVDpwYH0fKj+bHKlvx6UjkxOjTj9nUVoF7WrQVZjRqcYytg1Wo3UzYaKHKTN9brhh0E03jbJmbZwtW5McOZpyy21z7rprgTNnJ4jt4u1wXD3BsLGq9Y5t/GJAvXrLGj8739Jx7OxD7pb/EhCIAwkKTocEv+iKPDI5RN0oaoduTXeG2WHb0oPjDOZ5gzxBICEyZEzKuZEQhlLKlDKyLFtay2yb8/AjQICFIEEJhAixEiYskQgRlUSJSiJGjI04cckkSLCTJCmFFCndpEkrJUPGEFmy6smRM0aevJMUKNhHkaIeSpTsp0xZLxUq9lClyg+a4eRkIQgEDQY7AIGogULtg8FgB74L0d4kiI1pJBIdCmUGjUaPwZjFYnHgcNbxeJwEgo8AgItItEEiuUIm26RQ8FOpftBoBOh0ZwwGQSbTOYvl6rBNwcPhkOFy4fN4ZPl8BAIBOaEQoUjEVCzGLpEwk0pxyGTM5XKcCoX7SiUulUqAWu2WRiNQq6Wi00Hp9YwNBlFGIxOTSbTZzNRiEWO1MrPZbIXfIMgLGBaPIF6iqAQM8wrHJRKE1yQpCQAeFCWdpvkxDBzL8uc4GTwvQBDgRVGgJCHLssjJhFhSSgGwYozKuTUiTQgbKelKOa210BhnrFXiCgAA3UCgEhBIDxiMCIHohUIRYDB9cLhSBEI/EqkMhTKIRqvAYAxhsSpxODN4vAYDA/8MDY0bGdkyNjZhYmLb1NTkDxnBtVxEoqBP8mvlZLLGKK5xolKF0WhCo2sC+jsg8dYhr7yt+TshUdWQBiRmNQ4BSMwupK8ERO6elMHK41nl84EFAmtCIahIZF0sBpNIbEil4DKZTbkcRKGwNUpTj6hUttVqJxqNHa3WqU5n1yxk7JIQ1xTlL027H8aSBNxc2Y0HjhPI8x4FwXNR5CTJC1nmFUWQqgqaJljXFYYhxDSZZQmVBiUQPkAi1aJQPkSj1XHDaHQ7kGCPzAkA3AnnCHg8pwhKxFdC3JNbcpdEIkEmu0ehOE+luk+jkaTTPWAwXGAyPWSxSLHZHnE4LnK5HvN4pEGQMwS5xOdzEQjICIWoIhGcWKxBIpEhlWqUyeDlcjSFQqZSqUmlkgXDmtVq2RqNFlNTOVqtWZ0OzczMnLm5JgsL85aWmq2sLFhba7GJp8V7z5wjcbkomcy5iseJApyYhyAnIiTVkaGMSIW2STqMUBmz8glk2GSIFrtwzqBwbu25VcWrvXjNp33aG3787AoQYA85wjO0G2W/Sve6+I4veqhFBRCeL0ECnESJCqyUENaUQgF4zpgoXg5oOUTRogIgQ0oxSqnUGtqlaEroK43qK0hq+gQBmnWx1H94+QoVRGn6X2UqaajuGnSRoy7lWL165ygorlGjKStCc7QmT7Xr4C7JiSATD6DQNmAwdg92p48BAOJwOPH4EFN5kVoqiVQaH3pYie+G09XPksuVcnjWkgaGnypZIIARigSJO4k0aRRXykc5a/NWdf0drNaMMuWubird3b3y8ODhRtKqqI3l+o4Vw7CX6SbgWdaTVR7lT29scl648bq4iXnxQoXPhTzgx49AgCBihLTw1wAShS/qPiIj+hZJbMRIID7iFJMgJY70SE+KyJB1itzIQSI/8vhEYQ/Kj+IoRi6lUSKHMmXW0Z4LN6Azus2f3hiQCDFGpDL+MwYQtstkTKlgxkxJzLcg/ZVoscM0lgqVshKtNhtBumEfsGZtDwrKdtAa5A0gEdNgNQCJNgfyCtaB2sfW2DUj9uwh4qDC+1ai454scBrn8I1LLbwfQKLrRZXiNsQyEM8ONAbS+MfpBNTgRgCJ8Qfa/4/qH0BIkm5fhixfZU9O+yhXrgdoT9kLcytXSVKV40TVTA1HaqeWX6nbghlWYv2GIw1a+AyAxMZb0toxAtnZp/htQamjBSJWlefWsHeA4ziNuFpjzvAuJ/h8CIEAkNAh7hf5TRjFYscSCWRSzVzcRlbsrpHvdqSYcguWqlvV1GqHX+P3BtI+3cvp1/tNIGYz/06NhYX9LLvssbLyP2unatmoxrDGdped7FRjWmO/G6s/56+o8/fzzyvB1ub7jvfK78a7efBQmSkrT3abQ9MmM4xJPG9uUjU3GvLSm5kNeU2aXgV5iUuPkSPHo3KfvFevkS/f6hRo/jvIKz6CFk/L18xTpszCtNXwJOS1b3od5A1oZiLkDWp+K+QN9rIEq4UcNiW1RqPBZDKZzUaLRW+16sZmCn+EOgTJhGEZCCIFRSVhGCyOwxCEeJKUBoB0ipJA0/AMI5FlpXKcZJ6HEwTvRNGQJKHIshURI4QopWoAVDOGkXPOiNqEwCylGRVFRGQ1joHZCxkaqjcyQjQ2RjExUWNqikogqxBLNKjUTrVaJ6h0KoC11+/JsdWsY8d3vlPsBz8o95Of1Prn+feVSlaccBLldM38DHk/NvML5PPVuxDTtP1MGYB8LqmTyh4pncJuMTEzZcq0T0LCTi21tFdvvb1mooleNNW0eO71AplpfkPTfpchw6+KFPlTsRL/a6ml/8wwwx8e8Yi/POEJfzvqqPp3tX1MmDqgsOB1y5n4uexrC611jPejHz8Fb1GVz+wwn0FRdejxUFRTpodPjK+4QEJMUhTe1q9nXHc877ggAFk2VhSk9270YZrg8bV99vl2H/TqAxxyyKf7mDCfQNGp0KOg6LewGkAxypz8FuvHtB9UqHDCJJOcMs00p1Wp+nz8b0kqi6OaaOKY4Yb7xlRTfW/G59GvLdy/CX+4igIllzKEUXJdlLq5Ibu7K/HwQNK0T92/Lcnil1dem99fhIUDrX6GPoVWf4L2oPUO3wfKPoTWAMz/Gb4fLDjhB8Cij/CD4Gu8Zpl/JHFKvOyJb37wPcjqZLAMXbpO06Nn2j33XKBP3zwDBpYZsvRyWJkhWKxZc2LDBpEtWySPufLmxk3peefzALIJGRME8wWoQpFNsdSuTO5wFGaHUSoxqdRYNFpCOltidv4j68gRz/G/B1Vytwi+Pl99y3GxTr4fV2u75+bmkbu7+x4eHo9m+my6LtYwJJumb5Yl1bYj4dVvwAba4ZBBiExaCmDPGEMb7upAxCi6vDH5HbImYwt5k0OPoingR4kSDypUuFCjhkeDxhJatALQoXMJPXocGDCgw4hRxWDaJezrzTPmLdixYMGNFau32JotnmLHbh4HDs8GV1dUyRVXfMPd3PEST/O8HcPbvPDhw8cfP36cBAi4QrAEAYQdEiLkOWHCfmO2yBbq9ngmurhM7LlWNCk+N7H8Oz3W+LNhR27abn9b6E/hm++E/QP4NULfD79mIAB+raCf4dcVnAa/dsgR+HdXmdsK92dzrXXt30Ejjbf+AfqjjRl0Dcqtj7fdqyvkExuqK50cej36f/AMZnExlKFnXAGA/xu0mfr9lT1e3NV/civ+4fr+Uq3nfUfiJ3C9w1CNLw+X1riZVn0H+YgERoScZYTlLYA+EzgzjotaXlpXgHuWXmV59T0WSAVFZJIeqCBRgfVaXHHgXY7UyhjoBqXqyo4ajLO1JpLMksi7Es9zWvpp+iFiq7UcI0kSDmVDEXgAfhwBb4eWIR1r2aKNsEAI4+9aCJdOkg1cOmgKSnn+ipOCnylRSU3RnRiBixabhNYDgQVKtSmyLXIlDcDdeezE1cDhQiNXKzxMY0WdxytjFW4NWWmzxR5l34E4hZBvlZCkKaoVo5cEAv1iPG5BCAIOMle3biQr2GJcI4hg28Rho/NAKJJasP0BjwSg0WNec6CByAkAqrnKZA9oriE3rIIInUMtCOhwBBn83xCMxguvCQQxoAVz0OX4gUpUgN/UhD6eeEevMyKQwIAy2OUivF17elPMiNCW9gBfVdVil0ltyAnUE1lF1Lh6qUHUjrPOSdwxybLASmKqSghepbbTlZH+rLwKIkXmZjWnYc/Rd6gcWT9N/IYunGWuoG5hHJM7SAUoBzzizeglQcWYySvj5ZSSFnkFT3U5KsQvvuJjhwBedZT2oGACew7kPqUUdMJi6YU0SmJPGcBkMqCe8hIizSvKhrW4F0lcJ+6M5lHCOs7DF2qoICZWcpDPVm28arjSI6WvUjJelkYvCQCprgoukjOceraECup9vqvGJp2RoL+QPZ44yEfwtI6JyEKQXhNojVCTsBQ3aKuyAo9BMuNQ00qIAsHoPbSIO4QAAw1sNI/wJE4zCzUOAqi8PTg41eAuw1cmKXj04SyVWGFfRUzsF6vO9CIfwow50JNCMh5EZY8hVR2kxGVGaFcaLNfnKdjlDKnK/lE+0pGQ6fVkcbHn320vjL8vZgKIHAnpiKCaSdjng1viAZp2Lx87dEhCBKMwEIKiie3t1/H5K/BUXaMkiE6ZgWqL04h2xOAunL8He28zNoACpwoEp1mhz8Q9+/h4587ZMGfgVgsnED0RfuoaMfi61ciB32qWETVGvHDZ+dslvefEO8SLBh74g+K3emSKtLrZk7DblpIJ/4Wxve8/RyRPI/iJwmFBWyw6qaoyukFGVK3y+u11lWdsNx52jinYVRknu+OCiZ32Avarb8Pghz7cv//T/fF7W84y4x9E6bGVApxbi917xKUS7xsOc0UowgAlxGJQY6rEWLlvQe8ekuc1tyx9q1i8ZQxdBUAbaxzRGlAEFMwQYdNs/1KdT7zbtqmokx0LHOY75kn17x49AKT9Ubw/gg+lCc9YewtiQwNApaf2JVSOxirUhfMEsCMOxQFZBZLAMLJMfXZE1JDr+qbswnq4GWssH+cywnfj5I+TbIzS0MnjQfFRCClpJqSx5ztlC/tVDu8G9al1/RoZIWwF0Mjbt3weV9e8I3ajOVfdRox4CiQIV9gNWnOc+77/o2ZyWoIKWovkAQSILGWJIQt1jHEd4cQRpGCoIqVUvrMUAiXTwH2wGuxLRj09d7m6kdNBPJQQyltcpdYEozH/Ui/eLVrxAjMAJYuOWBMmVnaMBDUqckUA8Zz+cJfILXpE5PVTPo8ZeUOc0DPavr6KeMuLSRXqU0atJPyz5xHWeE+0nmZsMt9xl+4mD6trNVAr0X2QQVhuB0JUa20BLBggpIqHpAZPnLG+0jdR05GwNE3BOhQfjzUEQ7Dx9FghhkWQ5L4WN1nEF3wQAFk+YeTvMpRQShaqYx7dWO/PJz6fI8r/IBISyrSPci7FogFt4PVr244ffJu/gOJsk9mS/0ly4wZqAdhmfnD85gCmx/HAR3hUQeMi0MmX7OJtZHkXpEmpyahhBq0T1wi8whD0lpEyw1LfkAS6uLuJilAp14FgH3DAswPHvQXxfePA87vwqeGE03mp/vbJeY16ud7amGtbjUVzKdHEK5yRGKjyiD9NaJHqRRRJJuQ1+V9RbAsnJEbOh5kSUpSIPLtzzfG0djaO7B1G0lf9r5y//1eZ3QyVVJIQC+JIUiGVU8o5P6omuyMqTDs81vCujec0xmgvmWmlDOVACCDpYhTUnAKnSwkic9agNaKx9Xgg0GTkivd0dug3EwB5Qozbhjua3w7aYSmqJ51mPcs8Yy7Kf6TovBDCWAsDL9dRXpFvGpt8j2pRC3ZFqHJihHwZUbXDECNPn34TatXfEKUpyR2iz5lBCNsWMKCQCSl2CfqEkmi0s0TXotVOB2YlFl0CmYQU/q37v5C9oPT/p8KCkBhFiKQp+nYKzFHEnHU9KXh/nCF07+EnhM+/5Z6sTmJ99Ac+w/P5zvPAZccmQwqQgwJHfhZYvRva4YrUkr01QgkbL6z0BfmUJVLd9poNpL8EC6GMt9tCBRi3bMS+yAgmZF9UggbcAVaOWJCQUwWXoBQHfZeV4C1REG7htk47tvIbWb4d63wcmvr1rTbMsi8HL8FW+SmTFyuDs1hbgRrtmrqgp5RNRrV+8wxYryArAoomB6wyo3m+4BxHPYKy2a3Ugn/aNdwTsxysXZ3iO6tbn6jGp/IOKauF57Mm8ajrhNJa07F8HM2L/MuoZSXS83xHTrXUHRQHJwt56vJxr5VUdXXnmOWarrHZ52DfmcoBoOIjO0Kvhe/eEsGFosoSv3UPBXk1TkgCDOGVnBqJKZEThJ8+1RnyINtCaVIN35QLqwaqz+BHOkZvfSihMdeuqRe/8sYZVuwHPI5QCdVgiwnheyQGXYWTcFAtcVXQzXt4SmXFvns5EiPu1NrcWwP54kJib5bH+E7pYqwrK6DlejANY8o7FD1dvvjkXoapM/CoQK/fYdCr7chaGEVyQMs7fRjQF0rIFuQN2qFuY+Tg9tmyj9RGcZpcsUdZbcCXU+c4iOCXQeIh+5lFbUosSG4oYu7arBb0qmuYHiZeVG3R0wZ54dvUYas7yKgGx0jeedR6ShvACZXgExcDybDjDKT1QpF41Gkj2qIrkXWOVrNbZJxS9i6+WyCeMYDjcqESb+kpykpy08IImOs5SbEfOJMHsXG4qjNOmlYNzk1JFNYaBDQEL0U+4HTCbXupbKhUFNazDHcIJ8qbVrACqnz10PHoHf8+4NywaZKpE+WH2VJhL8UbD1a3EsNTGufaYng/ejdnLRXQaHPoeNMSI6xhFMZVNs9R5jhqbE4M80G4jouTXub5Wc05PjS+j2FzFhKK2krIXvnEbJp1StG3K/AQnR6dXT1ETmsNpz/lPGbtIA/WjyV7SU7b9/p40JZLwTMsSmiyj3GIs5H2gM56Vr9NVyvjSbWXgntUSFHtcrgf/NMU9dHT2TTE8ZNkGrPsTRd5bDc3YB3KYQUIcAm+2vKySWbFS1mBx0u2xiLNH8dIQBvxTIpRsExFq5nOloIVS38k4RvO2ZsAxTIHWBhvysgz1hDF+9zz1WZGU+WxrS6mY0qoLe3Dr+tYlR3c9bJlAQ3EdaGF8Ub0UmenDwzQ/ddz3wZ2IMALDKyvn/OBWVB+zaGeI1us76C7KSzaYXos76CH72oYLArgvPRzOERBIxpSRmkemcQo3lAs803J75+BziICipZ0xik64XFVa8H9wIe8Rk/uraV8B0ZXnVrysmlZfcuylywYLZ8hhy4KXUG0TjpvsbpSfUC4g8CujN+VBEdkkEMO+cEskailHQP2zjoASz/HFxLYZ2Q40967onoEpuVwBQDv4ep1uJMmccLvrBpmf1g8jjiwIaaP1SqDrpYfXQ06MG3rRaOoQKE/qN14bIoVCCdf8RHr7fM29LvFSxrOZ1MALqrT/VHkokynGL3kUHhXl6ZorWSfUpH2SRgxbBkEAqAsVSJftupk7uH89olVuyi29HYDr9VZvioOr7leRkvl9UfLFsk/z2Ilqmrvs3y/cVXaH6KaqIaFvq+vr50PXz0auBfqgcNKKUJfzQimvNt9x+VHwULj2iImTPeXgXQtm5jY62OqXyw9jrfS+SoEDuszxWsP45kyWcKs9Bd56CbxVxrBot+V/7F75LDMIZDWs+pLkJtHue+3aUz3EhQsLd4N6M+zU0de41KIlvRIZFxyNocXH0cHW81WmBAneMHCz5sIHyEnBjbxA+Dug6hBOkY6ANxlB/z09tCM+5nLXjJlHOrLxUVommbaw0bsE5vDU6d+zf2Alw2bvZrewfsfWWIXe1oZEfRWgFWifI80ljtd9IrTjsdd4KnWSqqRDFNBpF92Eddbwtn4vX/7QjYpDJ8w0dlY8sprg+BrCQWNBjxolCHpLg2mbu95CCXqXSIEGvdVcjoY2Tm3jFdN5ch+fcQzXwiCPz/rnyZXdb/uMD2MHZBNsVedqk0qot7G0pCBQDhauW6qvXb/ZIMYCXKvitt96wA5jZAUOGX+TpDnDtJ1pBpm9Uhw87H1V2uPqdv/EPWTBNjxA98VnySc6+is8ModThIryCK9gsI1vCOJz9Q1C7pY4GEoN+kgMkLS6EQ47E7p6TkeWTpIFCewDGEXKfO47mliRgddR4nipscUdeiZPrl2/xvoGS6mSgTPnRzGSSu5gN7JHbzSUmqoGP6uz++u2zn8KGBFzBA6Z54q8xCUl2Kut98Xe5d6Jo90g8agixEz0HnrECMO8Pr2Eq9zgUqHuwwSFhSoAzTs7cEV3p2mYuh1HBHsgugmK/53vXs7RwJR1s+yinYM9Ry4tiTQUdDl+lk3ASPhb+PZvcroShzETr4MtVLU95c6Whu1bPVKQamDd8EtYQrcUXxaE9miSSXezt4s5nVjSlB2CCvhJH2Xk7KpaJQi78fhOJTH0uC2ntahul9j+wTxitqYGJ5Cxz7Eh1MOicZBLokRZ+eZR8diAOE5gTaOnqBrTUJJ9XhTMcP10a97YnS4qP0wZw66olJeFLWHoDxscdjb+29oVH5m3BMQ4di4oZIoHzqX0sQHsALZsEk/LonA6jE/w7zoOZVQ8rRf2H0EOb/VHALssU59z5WVKMaze3Na9bBS8ZfYj/5twUHBO9DQSteQdh8/L0VgRLbVNGLvyYsNX9s/9vWnLEdXAlr1fjpVaLB6vPb0/QhjWMYZXeLvlbTPdXzw2g5HyjiJBX705li7h0YsUSPs5tLHssZK51C1SuZHIQsmEoDb63ySg18oPKRUlZdW9C77uAhrczopnoDCzZ955/AWYNUZluic+Z5WCqhU0PEbElmiUsscFQ1Fx+VEg6yLQVx+TTBSMVlVMQj2hQJGizEOGom9d7hs+InKXf8R0PWAf8FjV3SLtDDWNlChInJ+z22ju2xahx0jNQsjkkENkLxHKygVg3FGmdFo/dZNpbB7aRt7BC238SujPNJiWgC5XcaJ7wstqGEeUH0ifChQ5yiiwyP87EsCOwbgAXc/Dj5Y0PwAD+e4ODzHh83O73t7AXMaPm7IDz6/4zvPSOD6+vODFd3K6nxii7qfyvq6Y1iiiXDMfL2X6b29R74kc6UnWTI6ehaFkQK8jh09NCVw+R4HsgXrbjdirvVpj0UT3SOq0QzfAU+w8NWmgCILzsDpR0S3QW7OIsCFe+y4/O3hSCLVM7h/s7KJ8o/7BKLrUTlusVFCMMGpsbkamrONOrNUPTN9HA2AKZODzUtcSMBAvipYcfl624HV0sTtkfSVUSwtVXO1KQckZCNRTvB0g+wfwJyhvgKoS9xm8vqxG+FUQCUSd1pWLQk5x6HsoBvF3ZfF13vUza4ZRaL5aJmivxWBZF+10yEMFPj1qpMcJHhiCzVg/ENWogA9FcRSZYT0GqOgu+Ge824Zodby88pm144vxOAVOthG3hPpS5Nncuemgil/oKFUe1SrTTPERZagUi7JIMA6ODmVUZYUdW7loWeafwoxc2E6qDYkD9hP7ytRPA/HDnqY+2yDwniEnwqYE9ziGyLNkMoPvjsIebUgs3bpocxGXqCwJS21ukgi0QkoP46hVOkRYr221dgx6k8qtIbsb91P70JBi7JvQg1fotqtEAI8jAzrqTTjobT59FyXU3SQG07zoOCjNMRFzlHZnAzGV0l+iypMDkcMGMhzxcR5lu1ZG0qtnqTYTVIixQMVqTh22SzMRWTpy79JJyrrq0uhCA6erQA7a7AaOBQfumfD5wOHOjzJFwS10955YLobAB1KjGEiedGuZTHeLZMzcCly3ut3Ikrb9GC72hhfBQ/bHqfQ7oEOrFXQxTmyJP+UHAxyF08njke6nl5hPrqvwkD6tZZbCUmgbIk3MqCOrGqQ42FlTtNQVKmQsv+NN1pWiuFalccNlUAq+uycwuJaF6y9GX4tH0f06XRAdEtKzh6VEjyAoKZIcENLww0WR9/katqfKno6VCePMxN9xfIi1I5xDqT1uL8GmPv4lN1IiCx0jdhAejNXwvqcQ3NTZc3WhngnHjciUXqcx02xjS9LjqFzBavusXkQhrRoomHdW01GW+dwpCMr/FiTHbrRMh7TLZZOKdNv/BEHuTXLqZAEUXaSfUrybYvKqWUz4efkN6pOYS/R4+hA3QGh1M2PPWnjNoWps8FKoBu8Wn04AhaSJtE8IwUF/Uyjc6aoTKiltRR80MgZC7R22m0JIlNHojg7m4fFSNAkzFMJai4aXdQFbT5/5uhHwqafz+B+sk6FahqTOst90X87h++8Uhx+rpwqM1zE1LqO2DzQodcOthyLYVb14KzPOXrF7ZNyQ6GGsIcergwIvxsrc4FgZOtMec3gml9TxORbnJ/KnbgGEAqVNAr8WqmatJ2CkZGvAqvyfKzUmFo+0xNSJ28+6S1zsG6kdnId/ZLrqdLcc2xrsQ4wkj9np/xClUGyLQM+iw6eFA57m7G1dwap5EKi6hADrzSQWKgg1A0sdEMh5xSjcfX1YcOUclFpvlMl4M3PJxRWn+A0uYX7pGuoxpjdarhcavKWnKZfdry4Nu39+e6T5LZ2u+Q8js60PYS7reG2TbxKPygFAwP5Tprc/bKDWbJMdcoEey5G12oZo04Pgs84lU5TfIz8fQLwxT9MZulgQfmwRqptO1ktybB61vHfoTRuWfUb4i8udK+NqemENzRQeK4B0HqoSMj4k3BCUDxjflex85wPFEn+QpNtdo1+U+BhWCnrX6YDKpdKn4RWGB2YZ1jLfmPAbV+Rg6GgLOYZYeHRu+QeKoJ+2DmvI5QBR62IQy/5wsBlSPKnBC20E/R8NUj3jCOz5nh7s8AepveD5sInbQcFs+MWBK7vaO/c7jsw6XagPg4ykomPIf5C3fRGz++ykvwWCoU/YRJPeUXpqbWLuYcghy0OaX9G8+GLP2wfCtYTCx25vYNvEo8m3KVwtjJ1gx4XKP05VOpLt9tzQaFFuixbWedrVVWBFk8Cc6SkinoHNkmzs6frMp1FqoLvM3UkYQvm572/u+/wC1HvTGF/zUt0voHE+yhBN/i8tIUrVlSq81kovQksCls7Q9/nXd8J3uAKAAXemTqg+wUqkWpoYWHV34045lEOoFtEhKlerI3BW36FWwn+ly8aMs16UFiFAUgc8SFZQxPeXNcZK/shC4LbXQQUy81g/ymcRYmAjwzjEuuGga40Cvo5NfSBUTXws6GEZ4lGQcnlDg961DU5qo0eKm6W3ZSokQOM07UnKQ2y3I2hBIBblNv6r9rR9KW1FEENC/HEJF4gVx9eNsLI0aLIk3rzShnc6dEfqUqf7m3mRjBZ7nHUFvBONUcV5s97RkmYnvMEgrRCpTgntGjZqtu1HGtlRg3jrffa3mgbksSorgaDhw6u0dtoRCGfbwuMp+ZeA9fkWO4ANZzWxMTCAYFYDFUicJNiBJIlmsqCgjegCr0pevARkEP/WlHeFoS3LXg/rMDjSkzMlXJ5zxu2c4XS79y+bKprbfgjlwBtQpJDkT1kMcsFWNe4Qfd8UU4cQUktOIskR7geWu/93fM79ME+2lWzVDi6JW0zvCCIHrvFwYcNOuvLceXangQms8AQNlwz6FeL8kYDWFkHP9XTEgtD/DwGZ47y4PVyebP/7GdII1zygdYs0rexaaCHihDv6UfBRQYdGsAc7eHzhYn1V52nc7TdvPUcJbgRmdVCR8baXDIu0t7K/5JOqOMGsp/loENXBXgY9rN19mDAgjgofP8UBvQQR36KmRYm2Q1iHI90yv1PwT7LiuG85PtasV1V+Ci7BrSVcMdIqwY91BDQYGQl8lDHkBdmN36JduQa6FkdGQEZYW/OGUhOGd1lxPqupJzjitjFBml2kUu3DwuzQ52Es2mYib9Pur4vScK6zuZ5XXOzgA+2lijwOIZ5yyJLh18mBJy+BCIeRPdox7PRnWx4f6t4BKrGFoEdGMOUvrgjxoJ811cYh8k/JOuyHc9nUdkFowge6iwKAfcXBpkf8IzmeNu+1apbNj/OxOyE/BN05UtZ4fqEEnD6XYQTNm1chyJFFh/SXMef3NuMN88iSVQNab+LgUdOoM2oBp+RPWnroFcpAhSSVo0iWV+GhKzde/3VTEdjCv9YBw6V2vw4b7WjWxh4e7CehTMmHVx+VIXyOVBG2k7WtOw5UC9nnHtqSu/Kj2KU8JFWbij5OL4KZeH8cHne4bKteNI14kcXAj6q5f7ZvrWJ1NiO8kILntfriZoZdcRhFAk5trES3ogTGEzFgYqV9ZqQono284YEZITcDb72wR5vyv4W2wXxO4W/tm2t+LGl6SoN95HpnXGiTql2zqejCgHFRgyifZHniwIQSF8zS2GEdhbpiGgBIkenltyn7jxQK7peBRNrBTQ38odCRiy3ZfeqdO4mkdcvcNPG6C1+DrQS3tVhQbUlVkw5qEJt3H3TdmvMguZvM6mUTo/Yq9C+4qjf6hwXH4VQ2vxeY7tTwnDfVxSVDmsbNp7+SMXNqUVJGoknIIW1Oh3qQuWVtV+fRabz71IH+POiZQDsMhgkYN7QvcmtdFwSsI+4rVChEnrG2W4oYD3m3/d5YSl8+YYCLfOC4PtRYPLC1INVtS/LX3xY+0w1KHWd8P+bP39vAKmdZRbp/97miywk89UOyf7Jzg4XfUWM6tXw4IDuWoBR4EZqJQwyQkozZAlQ1JAu2WAD9YFgE2SW1FTKiMymuldxej0XP7rwP7HXMmGtjJSgsxrj5utxa6qmbZw1gjqAd2q0bJeW9GmolR5cU5PIb7lApZlLb8o3Z5giPSujZ1H6rBS5TbiF6Vk23WKxjKAAzY/QqWjKW7XR2jerolWuQBtVFiW3g21fUAe5g97zijkl+ySeHfpdsAmLPU3yiIJsjZn3PJ/yf8OCoDt1tZP0gjMucKc/Na7mQaefO45XEfU0Ag0KrkJcP/wxOQjcypQzWmLLf7YLYaWyC3iTmybZBZPw8W6ToEgRF/BT4KFY0DxZHNIBzLcxzKNCITlXLKwq+BQ6JuU3c2/WWhWm0B78M/shJqgo81XA7lx2yUlIJ8HCdDKdjca+muyfJgvzQ9IeHemYUiR9iar4IHlo7LqsuVrSAwXwNnUyyGHQmW35faxOf43+oB83yFvU/AemlusOqr5IrB3iDIEawyPvUNlBN5SeXzPZYv7EONuJx3vJ7ojScbSzG+4NedXJahATABpsZAu89qOXAWvALpV1+ouhjjUos55Uy6NKppa1hmnNerpNq3Wq1Qqce7wbw8obgtdY1zzEc3fdyOzPlypZSuXEUJdd5B2rOtdnJuX76Y2kds0wM45Wad/VIgDtsK+qR/IpLY4sk9a2Posbi4CFFkEHF/WX9u+/Lu/S4gohePA28jAGP16HgBfmIJuaKDGTfR2HGGPox3zPBjRcMHHpkqoHexE/dLjbUZz2TkZnz2tZpFV+udLctxqNktvKp0DDCDcxW7iCKHSF9JUXeqFxn8UyW6n4UAYXJzvAU9Pfy+tRF9TSPeYtDdL6la2sOwrdalAcea7y6WBCDdlV1l/uus5zmzKIGTkGyQuI1PYkt6Bjd35rAMKS1GYnWgPfm9u9u8Bt1i6dexC0azWruiRyqk8shBHs+5pjL4uO3tiQK7uW4LWpb50duyg65mwrxw3Dyg2W1yOygnMh6xq561HL+hoOFfEhtdObTEMXzH2YUr1ZbaOA3PhCaNPTx8FfCQ5SliyzrLX8fsHnzKjV86ii6YCCZAbtUWRWVzlW8LWJi7U4aqrGqQRG5mqO2eLQYVsDgRUHK1fYt9e30rGE5Kw3iRcgO/KlR5Creh8IFcco5sQlDSP6Ra9Sz8YPPLSdFK/sLaDQ8252G0X5MgHLVssBfN9Vl3crGKJcbwDdQU8LAxbqaKh5u3E7wNGKePy+Tsvr9/KgrOj3IKhb2nYARalXBJQ6whvpaALW8Yv/hC+zS3EgpNwxo8kBTkNpTcYAsx/lGH7rCL+slUDNF5lUnY6hD3TuW1ROacfuT6CrP9iF32O/ETRhJdVPhnfWXj+/cyXKPYI/lNVtZl63FdV2434MAlqWW7z1up3RLXhSkVJdbcEyu9Q1+KOslun1a+fMNj/DAUDwJ6y3eJjRfB9HKc4OFys6ltRsft5GPUMFIhYCxQDmQEA5ILvQ03eDHsvTO2pMXRazNkCi+hkZ3dshAF51TNcp74zoFreAn0PSVigN9JungQYUidITYJw+7frtZ/a2B+Cn5rMojZTJb+2AN7G0+eExQBqSsf30aFihsPDFAHKUqI14iSs7emOj4olAGy8YmZLusWvRLJOhMfNuWpKlMWzud/vv5vitH8N/vcoB6K6BbWF6WgQFq4dc5XiiGNwEygOwNNjzI3KQSRC8A8Cy5zhQHKKgK5KnY/dE39pehgDEdkOY4SbB07u9yfb14vcbsSCHPL3oiRNxKzQf0E1Ia6HSrwSj9zPYNvU2XFNix+dR4Dsptc3+rBE7eR/F3renu+vy1cM3yWdxaSe8tLipdyNNY/DoKxRyhX0EYGDmCEsT34PV/CM2rak8hz90kLj8iWotU3seSljsb30irXaUYPfak1R2SXeQhlkwdZHThfbCdNCRfPvQ9yQ/3+lSLhztk5Tpxxg6J919MSREcr+FRpzRhGdk9hd5SsPwgaRsjdRd0KeJQxQz2geO94ZZv/lx9L4qSjko0Lc+Yb/TZSD0uUuzcVxyI4/kG8vbjbajVTgJBXKb9KeciqAZ3lMiFHRsUo5Btwl1dFrHUO6xfXhy94G3HS3ZUUDffh+ndkpDM3q9LPSHq5ZrG3DGaNsYjKnEttli3PKBm95PzpziqmangqqobamLFVUJBH4+V3+OIl9s0d6n8kwmV8uPQMpXRom8OoMlbU6t28xCFi0cBcPLE2IAh0AloEU5fAoi4kRrHV74cv+GFDty3p7/HuRANcQbgRo5JfRvn/WU1KccBwmHIyX95OSMDN42LpgqTLAzqqBOn3xjl/6myZjpIL07Q1M/gkKatTHkSmO1F0JzQwucd5g9Za2RdaZUa1k2FGYYrQk7gYLUaVgL2Akrcs+hf2Ggm8ZDaRgwf4diZJx4gV4g1i6Q6QwyKQU+Ry/mf6aRWGjQstNqn7Q+MVcK/95Xl5NOdivmftrjWbKGAGq3EL9GqCHHSY5ZknDMg+94a9MEju8oQu5arKy2JBwMCsISl+EyDo2j49xLev6KRNvnaO84quQyy1qbl8bpEJ3OU0PCScUky+7W5EIBYq8kXgUNjzrnoTzer90txkODJk3mU0wAoNcbe+6QlWmolH+pn0g3voxwnpxIDD7S8kbGuBMJGKHJbEtjSbcE4l1R0zZN6xcpek5W6xrm/EOufGoW42SqH+z3IP+Y4A3gi3x5wMXgYvHut7ujMQvq3k05nOZ3rPcSI6ZO4NFldn0o4OQuOzZwZ79IRSD8pzHiCkaJEesAEJ7Mp8C81vIvjm4PeeGCEcizaASTZQPMLayhQmtqtfz6RVLIEC5nz6iO6V4Ie29swVFuWRT7kalBEci+vTCQfVIBD6SfB0opVrA3DqXQ8PjlarfUizYU/qVMvMHkUniZLx/JOoFmPn/spVlfNurSRbeyNQgTFL+w1ULw8ItFOJ3Es2myP4smYO3kZvnosi3Onf2SZ+IlioeRfV+xrMLapuurQRH+5jyyoNGvdjbVJR/YITgb8OUbXWSuFpept9hWUsxAbuS2eZYiKM791UeXdKUx+lIuOvCV0cZ29M+kOL28tvaTe3Jmff3v4OzS6uqPzvHJlZU/+s58BEsErMrCkn9qEfRuFt7PYjIWSVju25XtysYTpGUBdjBieQDsY6ybSPUV5y4uZVXS71aqbzNWIkruU4dmLTCj23u2JQZ9OqEcZ9oAqlYPMfeeMZ4TY6bPORIbmbqbYMq0h4bvbZcVyw24JAdyFIuvs/M52FMXgPEQmaRi47ZAxb7PJaj6BSnI//llcx1+DMRSd4zsK+NpNftTvnl7xurf27K7uyFUV1v8e3l1W82BGikqN1tkxh1UGnqoI3auh5aHfqk9K45KePyaBsjTmmkRTqSWjTrjGE0CWRch3U/Q9lx0qLovNx7LftipAbZcWRtIHwIq7HhmR9olpGeJw261tYUQihhwJQTdoFW48X3vB6RPlbM9zyB31mN+nOMKqInTLqMqUEf3u94VHaxfQAt1nGNVKSOrL1jy75jPZymSoD4QqhU8pzBaa9MtiwkjeotczapYz00z8RdZiZVIuqpLRlX2ZhSbkQ+aA03N9Qc41RIZnNXAlwFVZjTXbRaG5MUyY08/P6OUaMNMHL7ht6YKOD/xHx04Prniq3WOnxuxWIp8xA+HK5VagxbEcs8/KQR7VlN6Yheq0pETwWvhvSfJhVWdTrHqXt99PFEGd9tnQQmbj3hOldBghp84OOt5rqFKfVX9lnM6d53aQVYAWnFhBuygBWuz4RKVDVA9zN2W81Fjm47B4gsg+cMcLXzubN6dE3J+iSdKoosOEcjzAWILzq6w57e4G6xpvCC3E9ToPO+xk+ZLox3d1a8+IVzBNEC1X029GU3sjJKH/rwVFhr3i+CifIMVAwdVbvgZ9gKp1KPPPYMEJxclZ8Ek6N5PhdHTrJ5N4mdUIfl8HFb5Tti+egBPOsRFh42v9eiTPP7R4On1GPDXH7xaOJ/HS1tER2EMWsxGYhgjMuCVCU0e9KIsDnDMFerwM8yJenGa+tMWvGvGvHxDuauz1V2vLNHVZXtvLDJgQJ9Ti0F5oo9mguRc0T7PrR9VJ/Okb3kqBYaRa04X9wt9kzFFZp1SUO1kjNu7r5JOblUNGT8D5Sp7I9rDr7l8AHXw4DGObaRMxJtBfW4xblTi9uc8Siu6cNORjHRbpckJ6sc/wOlP8fxgZ5TucS4UpVCgNxZkoGh24YXOHoGby/6pxbj1m4X4PDNbl4hnxVt7FZOlZ4Z6+jd4Wsfd5CZyCxowO4uqJiS3b2q1XSjVJjNDywUrTYBHjeI/VZe2mMD9xKLPAYT8YWpwTFGt8yKrlsWufdLegZzDK5yhKUaMLqxCRJrN+y11yRJf92YpqT+vupWo17ce+1Y1NA21gqd6+aedbZXVhQ56diRIpEpX9UoMqthebKjg3cRNIh3Mjc8q7Hhhsf4+5g8t2FMnXnV7zQ8YwMkhP5lsOWZtlp8+mb6R3ZDk872051iPDXQplMIHBoWP1f6hHonjXWUB8fxFKboORgrI6JqbmKTbLNUOEYC7ySEsnRALrCX3UWtEUBO6SZL9fWFL5ErYN4SDFV3LPgYaE2BBRtM2KMogcj+c9mi5bh3qP03vefP5N/oDP7UYUWGhA9Pyo8voRY9c7q+MCkIyQHZ65mhi8aFbLswyh+o0UVW9LgPF2KV1cjdln8JoMA8vggOQbbxH8u0qJUfmdfcSXfxYJglIJiHMH6XdpvqwbwJ6pU2YoEurt7hFL006MH/pu72mPoqZz+DyHEmo2VkiOnjsqOUVA/ZXtbui7LgOF7zi1Wf1dUddSU3VcyS7ppRoU9Vsz3ej9iXyymKgtnPR1gtT37t8N/J989/2vrZS7LrYXIB71AGOFUr0WCIgu95lnArwst6h+Y5AoYm3Nhu99cKBW0S7JGtdspDHS+hob7RCet9e2FKW6Cpt1JX2FXjphJTuYaIlDzVkvNE9OVklJx1UntLF8I3+UFdgGxM2yHQYSFPgoHuxdsbB3tBTRyXEFftopil4WXVuE8oBjc09Do/S1cTIN5cEX/AA3NpdVZTY3AqPjhbKg2NCv85C6CE5O2YRXCz8w1F0CucDyJH7ghnrDAHmUQdbSjfBqw7CzF3LQ5eOBV/VJYMNpMiSW4scKqz7MXu9EBYfwpI7ZOG3ns+Rf2pHjX+AhdVH5tEFP8nKyQpNlDw7wyzAD6fZQZeQH1rIDi0ODs3wZ38+M3OWRBoscGale6JDJr96JvfntrcaeEsWDbUdFZLgidnnU0PI97uIcU6MZzR5TY66Njl+xGCGAQmE74Vk9ae0b+zgf8Z8J3R5o43Uqlbz5kb5l1gX8U2tI5D+ClantqZp6P7/k6tTnHEV3NFhHoTgsbX03t8fOIsK2RX9wn2kKE60x19oM6gBWlKao8JSx1oNvMfusYepmPDB5mSe17ADhhEYLFRjEAVixndFqE1BHaKgcC2obOz+UoeBCxM+zrW5Vmjjerpj1LHRTN3a6bAUlUUptMbgVKtF5YROmyFf5E22IaAFK5iELQZ7Iw/65lcXtN52zfQVyRlUbE5pXjrwwSc+R+CMqqTYovEQXS83qUmtnv/UrCOpLWOVwUgt07fTygibxgnnWSRmdstZFZ+gFjqt536+IPfoGTPoeJyAct/sMigpu2Qva6PsyjbBXuFJpbjcZ+z8F7oUHiVy0JOyXhaUtAgSgSRoHz3rOJues6AqItN/86GMJqlcnwa3w+o4lCc8FtY2wViLZJJsDsKAq0WdfZFLXT2kGT++9n9/yk9OTotzsinJp7tKqwwV5WzRV33d8eHXHtb/sCygosULsUC7PG7OPwWLlPSEzkGDnqyxEbavanPNh+aE5KYi593f1g2cKRhRqDUfbngPt/WG+JjvKssHC4nYDCdwcndDHAFLoj1BLaS8jE9HeELmh7P5NTr1uu46D6tHYftIBjI4pFxhAm2Rd3lELZsz8wv3Z2M957jEzZVi1oUYDjzZDfdSvdhLdmeHrJmHg1mtA49/U8gizh0xqtF3mzOy68BHDBIxgrAObWSf2g9i8eAVNn40WrsnYB5MzzuEnjkG/fH8dadBJP/pBR6Lb7ZivW3PcuWB9wOlsdnHs++b0ttsH3Q2iA2qpA6dko8Wm8pUJpte1Tvay5yPr/fDT7L5j7iYcFyNGTc3Y2Dh53PC+wac2BNF8w21d8dIBi2F9GwoS9bv39zK5g4wRp0OldRA4QQG8BMvyJu4WD5tcXqZk9oFZ95E1UWBqwKKuvWfHUYu/iPHSPGGmfoPX1UnQ/04EmZ+/LMvxnNEsuYuxb+/WdZqaevtNzlYZmYVg4k/X5DKunvV4kdesUel5IFlYWusHsfw/+kwuRlTI9Ye5m7pEO2GLKDrzbxEm2pM88Id88RGmvADXu07pg6QgDoiZC3tzspOJ/JGmyryUkzhOkTisNTN8tkJRWko9oE7NnO/efrxvAFqz2O0kKloP/CC59luSRGw3FgZTvKqcQs8zMz03lCuR6m2HxR1q1gR4ja30ZD9HnWWQYBKLPM0TaShf/hHfT7VC3OgRz9XPCOehZ0//KPdc2L8J3+8J56G/QFVN+UJDw+/+ep4GtUj5Xz7cxA3AJSsSKI455IkOCdIkbMrn9f6bgH9TEsh/X2cYgAqN/hb5gpF4NgVHQvj5F5xrS+TKHybD5U0iL1e78yUxo6ALzp6A7iXniDR05kJg9jsT3TiB7eoUMz2IbZkqATFay2eFUUkckI9ExRweOoV+d9KbNITHeZx9t39bCvqe5/CVbb1BTLuyfLx0awJKdUJMlWzqC2j6NvCjusH70fCsRW8R/vWxdHSM4X2Pnu/fs08IvbWX4pgl+bTZWXUVekjUVLD0W5847ve/0aHOSt0RQdqqPVrWrR7B7qkLauqjCyJrWMwFHMW9I0E+CnmTQklbq2V6er4U8AuraiBvJXVlHrZfuNBR/fsWfHhFy+Jlh8Rr74by+2Vo11j4aW1bVzeYKo1Fgm5Ik4WvmblC45hP3kDNjNzfWiGkY0Skw51HOpsxHIzZlAARjc/AjEXhA2BuBo4PMcBrr2hlRvEd5mPpPPAH5yrGEUnpc4TOzOQ2KRqlGhBHdGAW/5wxhukApwnhAqkkxwFefHcaGZDRzUCTLwljzVdzdaathzCgW8qe8d5wk2QX76D7rrHXrjWiDOaTUeli+N4guW1bEWCGYmfDI4+IClEZLxkb0JRQi2eqiNzMOfXKNygkZeNK07ah8gqEa/IGjARHLV6SVP1JicXpj/4NvjnaPfELhR74td382lihnlmfjK1P5WZ9Pn4p8eRtrj0E3ZkZOiOlxDzS6UytDqIup2qDwqr6ZPpAiq2njFLEz5OJN/9dMUSrtz6e/sLa45+DGDnr97+Ch0/5PCSr39VLdceuzfaG8/vrlOvrUL5c71ho+f2ksiKIKGJnVIUgBWDfYztbAB+6FtNaIjxNpKZkwNPwRgK1kh/MnMVJCq1OZ5rfbFZnpxOtZUCdmweC7aUv8I9fuyG/mr/kfiTnGCpIMvNzDd73DPGansV27W8svOZuEj4WeJmK24U5ZGrgLOgsOwO65kYQBWZ0W3fYMO5knnzBGhhcLq8VQj6oJ59P4gAGSueB1wFbP5z0IcI6wevSMp5F9nA0ShqF5PpSq/OX8ExS/ja7e9d/kM6R1obCfLQ5ve9iXQbP/MxLNSWPv6mPVfdobtElMWkdg2jMnOnFhbCd0u+AHOQKkwtsQk+4ofpXhgn33g7nlWofEo+ze47n0KG+RfuJsbp64lQMMPdF1LTcaEFSfSt8zsbg/+E9CgE3bOmqy34nnHsNnXmCATaI6QdRdJfb1+Zjp76ntWhQIrJpxnKatoO+iXa4Qxx2+SBq2OtbQzrUFgdgh7ddPPoin3tKAPEY+grY706vP+VI6QSnzLmur9Ie6GLe46Gd/SfBiz4YoYigEmDnLMiU6obIrnUY4jPAa8fea1UX5jKZntGTnJIkIth0tu1StaLauS9GZfqlrzS/vTbVpH5SaNyQxLnEqynvwg3+Qg59nUL2tHLa0PVNKpSdA14Yzrc3bb3cZPU6tb23WLIwjRxazOM3CgpI6sbNmukwBAC9v7j6cytgyls09alsV1I3TPRZ5lqThUfSds5qugk8PceSyzJRZlneBLn8SO4P7X044TZGvg8Y9FzReSa3tUzyHBApdlAilbYRocTxWs9XZQHjiapbphNXYirIROF66r75nF0XyI1WRFtBgOM0HSDOIzej1M8+4woYPeQhlGS0TxA1sq0MWwfDAp3mNhguyeSsjm5QBC4nhezeiMdm5O+Zb17WNlaCRaxxoaOnFkONQfkNrh0XwqWjjpJvOxjttg0kkfF5H1v5D62sUJIAZo5YMPe7D8Pbu2+2K0NZrQjmNeVNDFufbL407j/NiZ+t5v/OmZ3UTVhoFJh0bJiT0HNnjXQod9G9/H3nYvmPWWjdMLcrqIi6qnk+PHtmRrRkLtLMFeenYqiB89YC7qDimGh4XelNmdulM4u0cPtdJr9rgjkTl6L9M4Flq7JR+fyAOhi/XvTokqC0VtJorJGYpARGXI+pO05d7PozpsGuC659TiIDdqQLvaOrEilWpNXi6AGFz/ELQ8ivobH+8lIAplrs3KwabmGw7qLpKpk9kC77Xhh6ueyB9OU5e1Uv7EXSaTsdb99lxzNCppZYHSYzGxw6DZVzWUogxary59VgBaNkNozkQt4o/3k1QJ+8kEHf402z/16Pj0aK2Rnb0tIfjyhVHQ1DuPfnikgpRB21QKSaBz9Slgapb+dV+hHaq2ESLQLoy1BxPeCcRSElDDTQ6P5Iqub+RuFQZLjjPibqaUDirrJFmad49hvfdwY8XaodO6Zgc+h/pCGfy+EmxEWEOa/Fa1jYz7D/eLOD9qM0KfBgbIYKW73dcucajBFvBBdnLvOWbhS3CvFTUX/71IKL7tb7HXaOA6rA9//VIovMRVH+zla8zl9f48WQxIwl6icZT34ugdgcOx4qEEAm0nl5z+P5zZ93+KMStjPeSTQ/9HAjPNMQEl7Tgov5oIaU0bwhnRfzJSYOOPNyveHM7ZNHTaxRtJokNZIsNwYay11XDjJLWfoZU60XXcbGaWroGBAX6cs6eaovtTutAPfllD8iH2qM+P7UYf1TJ/ZWO0nbOHUZg+w9X+LOLu0SPgFWrLgi8NmK1I4vbwkj3jklCr7hy/OfBXhmTy8D0qZEklRoxsZVD5HVQ3kPaUdMdSWVcqBg2MMbzAG2LPgcYcR2ogVGxvA+dDUXIyk6y10wHvJ7jp1OP8dtXgjbQZW2cMN69OiljOOQZ65QUWb3f3+yqprVIByxuZDntcxBB+2qtq0yJCdQaDphH/Dib0jZTlaSVKmdyspjeIzKy+l7ST8Ji8P7QWkDt13SEm5MDgdaOVnLqwObzDnrrgiZGuowP2suW0PIxT3IDENZhgJ95tn1nJ4PhdfUOvicWprow+bqNEpZsHesOnx4OyTZ8JoU/UhWSfGWWyExCQ+VLznuNbQyakg3oXbd3ZS9TGtNLGAhPrCS87aSVnoTLV8IGUm3OMuwolK2Mwwn/vsiaqjcsF5DU4O2ixfLQs1fazuqHQwrcXJIkKTommqYoihYGx61xaSSnzocbk44wgwR4S+GeF1Mr+bNSf2ZZFoEhpXXmgsp3B0fOjzKmqD7zzmEdeDhDLd1X1TSm4mDR7AGW6DbQe0U/vujpYXbY7EADx60nefYVDg49VkOA4UrMYTUndbZteL+ASSGG8+D/sou6z4Uil1t+Nx4Om+eN/ckyfznyhaF515+TxuW8mru/A/wJ1aeD41IZkzNf86/P4vJ28m/2e5+QX1Z1mGvvY3fuOyRJITCW9rvzdz9bYgmLrWdIPvENPV/bwY0zf4e7P+nOprcN1XPebdt3zfbEIJi2lGBNCTSHZyiIhqbjYhTgVgBk/i5/4kTx+wDJtHhCiXQyYH40WzP24cn1vZpqMfiwo8jr8lNO7z2FgczHnHYjptLax2trP+nNByyoxrWFnZy+Cvl7l7VSfkDtF+rDun/hpc9+UedFwEFHwq3/vj+5iK6ucb/WeWPnNk1Yw8PTIQMgIA2yjHb0EN6otWXAS4yiCLvgGkqbcdARJjfg5Bx8VOzj+curIqt1n+sLTocnxke3/aCkL7UAeGp46a3Xtxjp8r90cdpRwYXuvgewAK9o5imHCp2L8M02x+Sw7KOahHBSHuwjNv21dzxDDA78zhR0GQ/0ru9F/dDMlQ+lmtr6q0rIymNHMvkGwDz+dvSqZIlerV0ooD3kdIzBK/w+3zDfyedi2vYM5tVNI0PnfT/5NxTb1/H+B+Ue0H1H9SYF+Dpo2ZuekP/z/HoklZuF1S1H/e2QGtIwMkV++mPpwE8BVFXmATfblSgNbVpfhfas7FjvXarR3O5AX4K61cEV0OORnMQHBbLN0CT3VBD1rP3v3guiMF9hutQrVfiisOxB4hMYl+Xx7/+kTY0a/1hLxc5C25U9aCUmjuzsx9/Hd/6Xpqj3y0fsPrtkFbJgZY+rWeHAf/VbdOTtH4vZwy8Y3lvcCk/xpuJQ4Nuu0dTkGG8+2V3uTYOPoEoGBiXBwDdMzu+IoF6NQem+S3p/Kk0n4iOK5iIvjMF6+LOOZUg+0yTkcWIRy3pa1YXj20JcOiNu228Zt76oPxB6DVALhNgDV5RqDHTcLrRBph+3GaEwC5nh5uzMpCN9YKTgh6NiRDqjFcE2q4XSX+vTl6WzC2LTRXqweQofPKCKUUONzZhuEGXpPOmQ7xgnpyeK8e8by02PsHnbgL+3sJuxZ/CbEUMkNaIIpZnt5hA18LrDqQLh/REDEB8NiUcdhKT7UCGXHdb61yGAeO3UwW7xopKHuGWPB+qYdXT1fFYL/6KbegT6RYxvGbgpquDbjNMxQUF4l9oNI5vqnZv4H/2c2DKWYOjhsiVWC+vA05lrTnAwpGASFoZRXVpaieDi9Apmhw+xzlNpohpQbomO9D8BvZsPIBxAoe/IsdvpI/faqLUsqgx2JfqtAeYzTNLfYClB9wQ/K7ICDNekDhljJ2qOxnFHHH1NSRM/ARjb5BJk04AYiV9poHayaY7PAx6mvlpAEQOAzMv5u4cxraiZ9/xu8Z/O1FWhrCsbpVH7uIeHAIFVjCIk9eZvdhm6TfxNygW7v7eACZ/i48OiX6t5QA86PwmIEYpcyUpUb/0SKwQGoqU3m/76PVv528vbvtgP2+Ge2h+qtjb9+q6Z3yJ/i2HeheZAh3KRnGm/F0mvZGW/IqyMu0lLRbZkKO+/LZGYtmK9TZ70pbqieGACJdcHCSjKH6Y03vVOeiyVimHC4nyU5J623xe+wXa6+EJax3gBPBQ3VvljDnyuCr2uFYC3LZ+r8cj+je+/06rE3muHBe/pTXGAqQ4cUKkxqIQSJk/giOAwXL32o3jCrenKhXcBo7cM/+JtjZ2pud09rZzQ8XqxIMFks03S+63fKs45srS3pLPbEitRNvzR9sKbdxSlAzuXQd4kOVl+pFxMlbYGIxX24eK5t6dtnPPl2UEcUf19A3jrm14OBQbhu3x5+4omXK+HcoKq7rOlafE360KN37nSJjOuL6Es+Q724syghSdc0SFQBRlcaY7yn/0j+riu9ezSPQW8zI09DWuYjj3Hl9BpWOdmf1emI/GnO0/Q8T/mGbA6mzBn/ncfYZz5RkYcpaHVWCfuKO/i1BhTMuH/yxB9jDq5oXXyofXuDYBXwCCPFFhfnFjvDlyfjt8TFDfpbDapwiD5wtyiuqirCni1l4ipI6KzYhJHCi8Fs1xPbopbou4Fkce9lyVnOryofiwQb6qbgB5WfX8CzEOOEZnNMz2bTufDLNu8RIPwtJM01FeK09jIS215vWuatMcA7PRCkZbq5fwwhNeYEebMvx5VVruaQ5ZcS6F/DJNXucIBbG13xjyMIJnRUr4pp/ShcTfDCvKK81Co4DwrxouG0z8TTjuo9mV1joLSaErAz6oKeTybZ58+mpuo1iChq3qF3ApXMiE4kMqZpRIFxk9BvGGFy8Q91RtoYGCDOBRkYkgjYRwG01tBa4SvfejjITT3Ii1TItbPqMm50XluTXo1hjnAfzZtQP3bw7w2FvwREZXVoWiW/oajwDswkDKfR9DEFmMD4ExMYwCUhvY94g5Py/S+VZN9i4kv2IzFm/vd3ds7VdD43bdfj51/SopP8C3h6IE2dYLGO1AW2bEy4+DbNFDB9f/HuPS0LSjPEfqiXsB2+SHcR/Z6CXZhbYEBeGbA1jAA0KQ/ARo3w1rXBodSOzRx2fIKJumb8S9nGhZjwiHmaQXArbdtB0dnwWYoC0Q3i5qZOmt/NImAHSCABChuBbTtkEAfh0641ki/hG3QKEDsEH3Kc+LGmJ/L63SEKCEB1fjDYhU8/UV7qeU3iM+WaTCMv/T4HB9Uoez1KDexrxHF69TneE3dnEntuCO0dYefKzF/sMOwfbGJWdXNAGARBkdZaLcITwgbyDNJBFrT+p+VjpDlsdIoICXQZplMd/XAPI8km5t82rSspymmM+mCeXHqkITJ5ZP0aDX1RbXgYLLUeXZqfEppp7mOSLcT3ZwqCQeMKz86mmZJDo0QnOEfpqMQfmgBS9tao9WNCpTFr9nuWZQLVI1OzrNor0dxTX3J5FSylWNpU+76W5iKbw7XpRl1p5C+tFIjYFtrkernmsJBy/dcAmz9Nn0OepHmp7FKAY8Wbin6zBlvsc/fn6U4ja0lcDIq8iCy8fLBYIvUvMyA/QSpIqc6tLhnR01eJ6/xTD0SGCjusXjjrr2w3WOIum8m8+pS7ZVWDrlrokVKNTwn4j/HbT8jeh3e3qkkFiiybOUXqsuL0Xec7OYIFPtzTuWZyJh34latonrolNaFXPP2JKFqY71T1c9KTNS8azVFRj0+3SmJ1m/UGcJ1cXDR11uJdJLe3wBUs963S5LR0r1lpsrDKixjyy4TInXhXAMPqObtoj+LA7G6516GJyquIkrxB9MTpW/heOAwXjRpRTrmFHiLRh1jGsNStdua3odL0wLNr/Bf053uVPu0luQfnfsVGxMO/YUxYkKrCSeBc9qWhAwUJBuF8L4xZHPVxg02zLi21O84rBDjpUkk2Tghi+1tzbXOLy8rj6bOr+pQSshfgD49Fmx7eHrQ7utz+PSabUEZPgUmkSair9Gqa+rqw2HmV4NhbSZdQdq8eSi6WDkAKuXUvTPs1CUp9KYdrGqy+XKF55BpMmulHzkkdLAc3+S16naRwtVdSpH7RNiqzHLp9j43qBQCW/mil/oUlr+nuuyAipe+ae4OW5QCRfSNLbW2ACa7u5LmWpGzoj5TPnrqD8FvfMqH1ptXe/9XlMwvTxUmipx6v8P+F7wuSZaIQzu1cPOuEAmsqWRMPv+RFKKrL01MTaeLHtYW18fFFbMr1UTflgEn+v25SbuiRZ/O9If+9Wc3dxTL6NQTyr8fYLEc2r7YFcjuMC2nVRyNIqlVNI8yofkzaV0x3JALCeLdD92I9NmzsHb41t0fUjzpjLf5uCs4L7ysA3fn9CEOZfbP6D+j0cwl7af9B74H3D/+hqx387Lk6maHwCew1XfxVYHpRCY3tLCLbDUgECJhn4bxh+L/mdUZuopjd/Lg3machXkq+aotxN40M5PoNWA2+GzLdO9eMLwP65Z/yi9sfHuj/7lT6sdWkVfhLZ9fW3xHaz8lj7vcajpEUiYqXEEA5ZPn1/IlDpwOg2RhXcfGztabZpjA09a7W1+Bjm1WtvYRzPRBUgMIcznUuVFwU3+2mMqp403vH4dV1yKpfXdTyyd6ClKrFhrbC2F3/jli/yGW6m8qzSvzzD/FZIWMnaS//kg4PHsJYsdWDW32b37UObo8utrbeTkpkQ3WjXm2K9tGfZe3CPSyG+c1HQUYuLT2ppg68KomkJoGP3DZ9WKTVbekScnFNn/UNOiJfT3GXYzuTf5LPs9kfh2aejGTF6zsIfGlmwQ53U0kYUWUpchsjVI/+8qD2XCn5YucX11bS/7fGhfUfXzD+cuFv7p1OwAOC4P1Jny3alkpkOZSV3OZWs7fgMAIdDKRbQugvY/mXVZeqzowchr15YXLLyxvftdWoL0kxfx/ELsOalrULgd8XmODlRmyZKVUVzdCErn6r/em57LdtJjO4/IoJFJ9LVmkd9kouHfhBg7qF+YqNCTtnW3Mrtt+MVx3mF6J9DI+V7sFZPyghlvlIw/UMX6RSGKrz9eovd5Li5N8D2Yvc4BZ1WOw4o2GFLJ1eym1t/xCcL0fex0dBbWBAZiUZXvkWH45T+CGYWZvL+4Q1lGpY63Ymz30xS7cNRhbfrFCRwBeber2vtmsVw5tS3u5EOFFSITZOCpHutqZfTbP2ib/nVRzxyaq6tp6gwPKK4dczBOt1Js99NUioZBMmt6KOz1W7s7m7wynJltef7uZ64hE+FxWJfxzcUCWHs0nWOJ9s222A6kHtKQ3TbZEv20kKWlUNoyOJtBwPKvu6jSeLdnvYknIgu7xKGD4xFdri+qR7zyHIxPio0x4kZQIc37O/dZY4XTUogtISxOtW+N3l5r9uDex61CWngXzSjsSvWMTleovZsfwURnpSDt91sUiLx/oh19nt+r47m9dW7qIUB0AOeJyhTTw0FpO/eCkQMyNqhEztin4aJZusM+q2dcXwB7lHd5vjD4V0+JKbEP9zw9Ubbsps8QJNx//2cgAM4/GFuKwUg3AhAuMRlSSyZ4R/vRhs+dVf01D7GfE/bwFkrwArGgYLxYOH3Wp+VsgUSw1/1uCU07UN9o1V9SSEWYFOYzp0+1o1Ex3agwxsj7l5gDiLC3HXWY41kpcR4IFkBbmeKHYmQBshDIA56b3CMIA1hpRZLUkHPt6Na/lw6RI9yqPtkknivG1D+wO85Ej3DnuV/PFio8o699Ny70sz2cORQdP6athHO0tjRipVFE4mpBstWAYQZWgo7Z52PiDgWGVF56bp/fCUF6l7B18nZ7+tdughXbQj7xlZ5XwWIWAEx0wzDyXBTw9AaIoZgHLABkPWtF44EBzXkj/nzuzIcknweg09gZSjioFkJjXynoyqHk5KEJTSwfT4R+nJ2ZUbrrNKOboNvQZHvQp/BHrKlkyrZyM0rXMvnL6LRKjgvrHpPQfObtKolPCYsrLqxPmCko9ebVuQaub41PJd9kvOcAZL0AhL4xfPXX3fTPSjHFvAXtrtIqdQQ1dcW9jDz5yNdmaeNAAo56Kielk9MjWmn0nmUb44Xf7U9nHUfTRKW/BPzSC7wX/Ly3MiNyUHca2VEwJxM5d/O9tpBDgspOddc/M6kz3DtfYYxvI3/o6ysbb57/ey65tQw58h6cwNPScd2HcIcY2LqYBX/GUkFnyEc2d7g6f+Sl2dGT5gcJIygH9LVb42H2xwOvhFmx+dd9sdD7d27hT3EY2OlJIUlZSSw2sqIYZtEKoCZd7a2ecYVpGNdMMWcMi1L403+3aDeZaRTfUicmzZzGGckX9fiqDtCVYUgVHmuKdDRqUCOgIs5qHRQhIn/O/P0KOOG49AmayPTLusO/tzA6ky5bhHMohPOK7fmvKFwu8kNyKE+aJFVc7nzhspc7aBQMFEJJwPsFLjZmBIjg6GKau9hOuE/jVCFPc1GSfMb8ztR0YWdcNAbUMg+evovZY+SUgE2+XwhW9wJjjN5GqxmVOu8G1MSOyM1sjifIcvyFGb4bsDVr2HP6VwluqFxSN4FhXQcDMPts1583fiZDzgYnDhpGDxYlWHDY0ThQxpyftx+lvno+wCF1NL/KvIQa3qQwzxN6HxQUNv177sE/U4EUmFCyzU7Yf+FVMTUIaAe+7yznnUSJ99xKZqKqUTZoUMsgcahWuHCVJdS186V0NxnH8NCvudQ7OyY5e28WyGgLr1SQHDmKa355+nfj+SuBpZcZBgHDNutaESOv0mN0P74YtmVQiOxvSHJEc551387L7QH+9NKBpePWZN0KCghgoTbrHqT9sYAAj2p/qthyu3e6IreHAE4/M4hJ/0UC5kX8vUsOwCOd6SwbAkmog3GYquuZKjgqwIFjn4XmkCLCk3cmXbHecVgjCVimy2VQdKUKu3gRu2AzRm3FkD9fqUxlBp5K0KyJSzgcy0GjbzGeujxbXTd95bQFzy0RNp0NMtE9WDZVwo4FAlz2+dFxFV04ADPTHI0zRc0Ov8I8CfGt2VDr111/V/yQykjv19NQIK9wxNw9NRFQVKDngd0fvCZw6UQn8sRaC9Wrrz4vPgPaMsF6kHWeplqMW5a9Lopsd4i4cWGTZ/43ETdiibayKlqHjmkp2HrmsrXApBZs7El44rk5+FmEXNq7A2gQhwWr7NKXij4H3yWw/m/b8lqMCgIDsCVesZVbQjg8zspKPnY5b/eiGzomVcwBPx5byGjSCFPRxjwJbhgW1MEtz0cB/QKV/f/Ruy7Ed3gW+etRYWbsYJC1ygO2OEpHK/8K4QcpLS4HluSiPCFmvGanEK9SGugGfR08Y11UciS9BCA+iGFqReg3kKAepWDLRXO8mUMva0wU0k18FfxMTNy86qV1FSz9qZUlKyzRa75fBDDuSIDRSLxIY0eJDpX40fq5Ny2CJfsaDNvrSC0vDk8TNecDbNY4kcAan7gWoKUOn+ifuOXLxuOfo+UZRWeQcksoGX3Mx/3nOpcz4Lx1I8w23gJz9Le/4uxq6asa6w+CjJGsZIObjTyPcKfH+AR1AuQpDy0tqV794zVsEvCulIOELGUYsNduXRfDim3cZ8Rd2VzBW3nOzUf1lQNlTb1FXyt5cJ7dE2p3+C7M2RDq5kZOTkUalubG6q33zIsOj0WFztMISmKwD7y9LDVAXf786hESr0q6yq01KqqgN1X9Z89RXt/ow92oH3jnkj8RPqpgSVZWbxvkLR/+gk+p6pEBwwUyizRveRETIlzPOOwHawKTMwsi5Tdf2hQ3B55v5+xuueyriKCIeQV3sTcyWaJ9Wi/8kzwiHZdunZA1jvuMwIwjLjw6BcfldXuc8lB1NQ/krUXFDxPPN4FdiWPH/DTIPFfRp3oFEeSR46iGVA9cHAwoDSxPtC1uy47lz6i8T7DAMPmqxQS9ueik6rORmsFc7CAW/7j+feLnCLWjs43ObF02nDKsE1kTk6hwRolWNoEX8JleI3+hy4N/2tdyD3r3kdsgnDM5hMJFTWKpIJ6CI+SCo1XxyYE12mQw/TwUEGtEIR/43LiLsSJyIjMdF+Onk0N5VPlmxu5PEtBYaWgoGLhII8616HkYyfpvyhXGqWacYUSsfkUv4CMGZ7j2tQ1Sztp/0WZEqRq2uVYyg6Y8HavFLlvczNetoNLNUoEKZeisUD/yYVGQICyJGA+gDzH8XG/KaQ5dHRQywroI/4kMaMrK7+6dMslIxwJ1B/TGSw8JT2kj35qdbI/A00fx/szxrIPV1jEt9Qf6PlePcZ70FZ72p9w+izx22Dd6frib998ns8j0O74hoTX7544uc4r4UD9igybUtcqGvGyhGHFafFixEStVaM7JeNkizX3E1hgj9qufNH0vVwuLpC+JDuXSWaSEFGkXE0ZN15RvZ2Nv6l52Y9a4SQv2TDkHTPgNhBHpWE81MwKRozVig+qsM43/1TwqU7f1Fsp1gNNt/MdxlM62kzrEiMzFokxE2Ktpb8X368ckDfOWT0dh/SEqrHtZkMbFfBlQMaX5rjx8oXEYOtEP4HQZcXcMb+o/WADqyKwitk90iq7Z2vIaUTsw2S6xg/T0nF7QJobWAknf4hjcA3H4h3lVf5pY2Md4uoL+ALHfiXMXwmg1w7seaznU9sQF93xpcf/p88f/cP1849+fyrJwM/AXecB4Dsr+bSSqRP/ARMP1Ej4H0j43xLA3F/t2+Ocwhe0DwWbRJWmhDcevgK92XYc46MEELLC3y+QnkuTDz9vThp4XvlM8qfozwnC9+I9/a0vsxY+06fEf7wb2A4m4UbL514cKespB8cE2fZAM1zfGQfzNhxc49c9/EBaYZD3A+3jtQGnfx3lBZUeZnkVkYXME5sH0BDaEDP+9NZTWPSzsfmcnX36/ILEDneeNsTz5IZmLpSobZh+bIim/1RUkHdUFEM//nHBtMR6AbLTdNfoQUg81JRdDVKr5NQX1j+m5C52MxTdnpJQg7BvVYijR8QFTDbqYxiOufPyv0M+w5mNBRO7+BWB1xURYhdNrxkVMKOF9VWHiH/g3ClVXfvbjkwWNavJd5ZhiMYGTN2ty5ePFXwqq0veKGBgYyAqJj9dCNA2/MjJcEziE+k3ydtvYsVqfUP3cU9v77KMt4iKhiP3JtJ7Lb3vE/TWaFIKxbF1haoNDlzg86501tz7Fph/mfPK617BwP5vehb0o3NtoRlnh+ruRf/EeuFlnnk/wG2A/aAdj9VLOY93iGFnKLMjTACABzduFx/Mf6M81WYACKUo/ZdeKqYRLENAfc2B78ivWPBGyMGMSZxeUVqxT0BEfEkAocJvrJS4ysixpLusCwXjHC8scq7R4k82E3otxCVndGeDB3xr+XV9t+bTO9KhFqq6q5FRXfH4z7roGwap9E7cX7iZ00AAu3Ho4k41F88L9sNLuIyjJ6jt20BY486zLgomH3qS1cT06bGkCN7xX1nfFf4hZWJRfFl9w08KQbKjMOscnfnzq8yPja5WYHD8JzJfdUsjrBFw8LYnOfDmOVBGlv8iPuDt75NNhUkCzncw/lhplqZbuASefLL5DgAUjAHuvya9Sm2eP81x56cFSNHxPKQ+XWJV/pXT83nwCPq+J8f5bZJ4bxGUVtFAPxffZ1bZz53iSrF61PKl9wGVUHKNnxm2IvZ78NRS4OX5tmfwO+cseG14zD9DRpc8L/6fDgy5+8N1+Pzw+6ffmwPMpXml7MtHOx+/HX0bgrYk76D6W+2fbAEAFOwC3GcKoHw7AyCxA8gTgHBnkzhiHXB4bMEYYkgwpmnsTJnQP6S14J2uABTsf2tJd0B/70d0wjWhz0B+0/lKh2GYBsMR8gmpJuUIrT2DxaGqnDgFCQobytOTA+pzBUvA7ZbPUFaF4DkYmkHiuuV8EemJI+B+KR+IsYNN6tMjWO64/Xo4oWCzAsDp4a50S1fjtuKLAaASRMMTAGPHcBtngyB0nhOuwlTfo/APh/NY/cXDe8fm2qAOPHND9ZDaT+6djIKJGJr92iazkqixm7g7nFojUeXBCdbImJ4u61c8+mTzGqjH29kjKHOV9nndGNfkjhv+TGreEu1Bv/U6G0/zKKq8Zty/xfz/GLh+bT1TYNaT1+TUJzEWZezks6xTy9jXlNX19Nf7Ne0vsRKGfZhtEh0QvdkQ8o70n1vDmjJYyWDi4g3ku3V2WYkxnfOq96+GP/FLE2e47c6fZKabAKXxEky0r3ONAhmI+yORvwm/udRsqlI/qyCu2hqo7voiTPUr1LI+ev8LYyd2q5ukrIp0aVbRcwh6eHOnk7LaORrRur8V4sUWz3/nElu+7fJz/3jDI2aQaMgaXYL4mVolIFeIfHV/TXoxy4z3Wvug8ALG/5Cxy8/e3ETl/91u4al9U6e8HLTi4OB70KRgCeGhO9wbFbfg7fvAkK2/wZWMk7vzYlu0F+SeQuppyuiwu4NSm2weykMT22Hkrlu8R8oKd/mkjK+OrzcPHCBgbZoE5urZ12aI34bINwUZB6R0sVuzGEjZN+kHqCPiB1H8VDCbdoQ0NmzevPQ3XrEZRJQIHL+0trDw9Qe0+s2w+CxFx2d0ZSHDFiv61iTevKeyDhIkQr6iOs8DBtrRyF9xrVN09i0vNx9lrdKAkJjt8j/dt1WP0DyMDXOxuyzir6S4MTzjOmegBxsFaBNfulCfYvB+aY+6SbdQny0QPKrDRKd9/lJ+XOpwXU1SHXfSKMBtvqGA/SBuw2ellYEZ83vKy+mdnVXt9hndxxP5mqIXOxKGPZRthQwSZh75WR96yPaa41WUSY2Z6gtWza+t7ufElRW6cQevA+5cT3+WtH/ge2dX5U+IGILxRjol17mk5kH2sWprVnqMjdh0bWq3pwqO7y1W9Qg5XXGMfVaeYrEWFlJ86+WL5INDZ5AbL7MAGTeqnN9/abDTXunupBhUKSPWwuP2/eukd5gylEUp/geqJh4GfgfCnbQ4n+bR34PDNXjxT9pqbO/S28CaIY5JqaKO8yr/4O+sTbtcq9kLmypoJVtwzivXzeymsfkQtgdTbaxGLYTbwczeIQ5GbpJxVHm5X8r2+ljykL7p9KSK8sD8sykRSAhhhmMO04K8G4K13MnfnNOdYf5WO1x2f0P9eEwqUNribItgwGNPYS+8fwUxgdQpKfGk0cTmytPNOx2T2lscGb7/XcMFSymzlv94ywxX1l/kZef9hClme5eT5WHeMS2lp1D2SqBs5Wk9ic6PzqaOUlEdb8jm3MSU2zsr5TpxXdP94jXogK9vESfSLd7WAQbobRiSd1pt4Y8+c5MoOY9Et8aW2tAUDBjAl+KyPoZVNI5lWfeJa3HBjYvVIs3ilR2um86f+EfUyi+ZMgsMuKhPsswT2ROqOgN8ibW6+m2jJ3i1D1czTX2d+goswSao5gLs29aV4Fgc4AGTF0yj1tiyOrYxJ9dP8LnPXJd3mlhOAkPbuWLxCZG+1+AruzSi4f5ug3TE5XtEuVlk9yrcjlemugABZGMk6sewiixxWX3iigsD80VT1NgKv/NreAyGinM54qdEGl+Dr2xyRNadB2/t5rgqBQAPmLCKKskwgXS7FoJOn+SFpukAASRlAYkcQKrSZ9Z/2eebNujazCvjXdFxZcLs9DObCoS/nrEZl6R5OV4SS/SZ51ASELyotp974TlAyOAnxPOKsWyCzN5jDY+E69fme56nH/5W/GSzSBVZksxB/7BDNUz0g/IleWP9A/qR4+dpop50KnCT4u952JMrv0sVYD4sQCuJyYUR4aVo0BaetlU7E6l0YXr2ZhcuUpSsPB5x/dLMtHJXY0R+r7aVLbwu3U6KzF64maDiBP+ULyIT0rbhV4gKgx3gSoPEvcRVpfGxiW4eo+3al2nEd5B8Fo2fiJcr2ctk4O9NbeXt7+bz0s9NKSgWCLBfGSuAnOebvz0jSbjPfR9hb8SeEJ9ijBUGfuojFY1z+qUpOXb+7yu9sxpb3qkoC+vqwAn38N2SaMVCLX3OBc5Eu61CDVRJskpgs/IfUzy71/+WSwqQPBS5rwGsVk/AbQiFv3ZA4lbiLr/5WMk1d4HD2sE0/MoSM1w4/FMZxtwBokR66sr+Sq5Eezzm2Eox4rrQGzJJsHKmuwJr6OgstGYDMmyVXk/uJdBIZCBuhQSZNbWu1Ut+sAYrIO/ulFYhcJCS/XWNv7K46Y1cvdQ5J4yLPHD5T6zjwyJVFLZytR7S0p3fjZSLl1M4qra3XIBjl7jhLuYu6vJbCQNfHbPjANrlcKPshvG5jc+aw5Vmfd+5ocp4HvU00eCxr5p/JhNpMPkiylTZEmUyCdLvQP/7wkK7zEK7nUhU+Wcgndvjk7PDhff3IGIAduhhMDaerO4p09sOIDhrUGM2EquaLd/yeDvFw3jrD52ejBGU6CF1leR9fjQ5r8H/t/sXhkpuPrRW/k1f1lZM+1hCbBV/6eOidn+HxduB3AchLyQ4NGgf+NvPGxF9eb+QSqauKFCAQmbEyzdU6NgM9XnK81XQxck3oW87bhp4Kq8GYeZw8Md5ZrgNN/vo5PFP/1fwzNPBNNzuY4KIARi+uj69Ucl7Mb19VhxH3oWHNqUhO5LsXZXeR28zXLz+r8yd25AbljaUGAVLBqA77YXTsyPrASfxdu7LM9wXuWcCLgdSa16u1zonuZ/FPx3KKIVHiFidSrHhz1nqZdZl77Kq2Bwq6WMR84GxUBhEfkHThegGst64jPfCY/5l6SaP4aThcf5p1TEbo3CtGcDDebZrK0WYoFmo4INjSQqVi0GctjqPEYnokHlIXYBHhnf8S5CNG1P5O6djSLC6TO3FQct9t4v7VmmzpaHqZ5h78HluSWZOcXC3bqZWbb15U7WQnl61gBgawm7DOGBYL7ffGg3uGEBz3Kb6tJg9JL/O7WQZ7qXhUhCNTKT/i90mml1OcjArgoEWBpg5k50AA2CmNt+v//sn8NtIyFtk8Edl2G7xcbE3CR3l1n1jyByoHiDeZtAI28FdS3OkYg5E2forgju7SQ9QonEvZB9pl2GDB3nly8v75qQRknnlfRBPduDp5nmGG3rJPhyPXvMZ85q9m5hItyoUCj83CN1GF1c6xuAxKmazN/aiuDeJl6eSZKSnJBnzlt/90hxv1PBtQOvK1U+hAYahLl7fexUAwzDGAcN4aNpu/KHUL14T5t8vuLt4LrwEf0ePbtIa70yyPzowaxAvFDvZB1V0Jz63vnmX4KPx9eb5dQn8PuYX2zzRVzJumx+bPwN5oKNOErdd5ABg0bnrxwQ/I+NjGXwFMAw1Bglv0EUSPDgCXOAHbASqfwGGgS7m+Vl2psQzZ7IAhjdIFgI+J7EBYBgM4/Txzw7qlYAJkx/ZcKlBgk5ZUshR/lG0Y8nkd4ggQApGYWrDyCNfV4XzGeJ3qZFpAqA+nIEnAMxPuEwc5NeRHR44jY47fDkkzGUHh1Ufcw6/hCn6dmUQ7odH4KAsCkpcWJ+b69Odib8fEW56t/gFEC//q6PtzDuSdy1Nl5s+7n9VKQbEvTyWRByQ9f5ecLWRP0sUv2MKMUrCMEYOlKgcqin5FD/vLZA3wcdnDIXfMqtDz+YCMDz6lvdt9jFb9n2XBztdn0bp6WbGaHDUUUTFuwxHxcY+h6K+57HEUHue5+nhMXUobZjuf1+CeGkexpY61tYG2tyA0eqtw9UdCL5tTYkAdie5Br0ijmkPpgGAI7RxkCygYqVLkIff8fMi6259f7v7latElUUBB4Rl8VEgfzr0LuteGss2m7k8aBYcLNZV4T6K+QSx1xbAPvoNbD4LGx/hi63MrT+xjn3luKEFeoBr+ZSluyFv4V6IbDBGIh4c4X3K5+sUNOzBaZ6535rFH7HpR5lsqnf9BeojgQvIPzZlK1xxh8600Ib9A/84k3H7N6ZKrR8JfCixNr/1uZO9toi6KyyyudkH1BlSzCCbccffAurImD5INATFB1G2HM+s1zojTfZvPzc5O7z3STSImC34yaAKYOBvDONyAVyHG7l/cY0Fv+Em3Cz4B9lqvEqqzTqRnWaNC9CNLx8xqZ0GGGLXdVwSU9LMoBwoKbpqbPNhXkQ8cE2/JbqBN0Rr+cenntPf6HQjAgWH7lTVmzvtAPtdlDQf+aXdF9n2dPtzd7lTZZw6Tq17GBGFqDqr6Mg2h7W/QFVYEPhrhLG+sCE5sCRT3K8CqfPMnZZtV3cC57K/12jn+M4O1VNhzfdx6hIxxUVhNV04hiZwd5/bTP8l4Cw/fPP6qcfQuNFiS2eOIP9Im7lbVHh/QYu3/xTGLyakvOkXcXEg/aOs1NxPVaGy079jHN9ZPjLMeTSgo+Bx0u9/cOM2YNCcrsT/LgBxABDVAKGJVNwOIo04rj2yThQHIa9H5GIcmjPYNK4U3VezxHvBnDrH4yWQdOwkPMoLQvZu85jTcYUwK9p76/7ozW1aXKm007GzzK51tpJ2KNWySCH9zxuwJhC+NaSrNGIxLiOJvp0UR8Odx72gYi+O1JMqlIxR7aF3pyivFleR41UXMW5fcJ/YM8/L6NXwFCx79hvTsJh6JChBUhVZpNhbM+pPk5XGC/KtjIKo93O04neKzB+vldznc3uG9gv6CymTlgnHj1RKa0oTQaDAgD86e0ZIHee5iiq34JcyjWxrIm27rTPsDcTbwVx5XgF+3oscBRtSP9Mz0sm0oKag+WdzxsB6wBG8A0YykAHQFiA5lZMR+ixP9sxWyRSJrpRTCSV0zgpkZZIS1aST4YdVUQLlgVxotlQcMGthHiIsNQ3sBGL/XUmxq8Q0jD/kHqPY3g5jo8RsUJWK6X3J/VAAKzgY1NJnqakg+1dkbKPlQJYD8n5CiIWNuoV/l4Wf4tCDtWm8z9egeErhZVvSZ0LkO6q7bLXLqsIPVQq/dEANCTTctz6oeYt55joiPgv5QvxlhgXu00c1Z0XhIqa7eHw6Arx1p0cKoQ3NW1tqfED+RsXuUSQ3Ql9LKfp55tWJ5bJsVK9t+G6PaNEc7zbMjSBdSZLb8yYpPQNZRrdHszqW74dp7uYNiBXt9Di3YB/VvFxxdRLkKwR3BLd4exE/jhXP7A/p3osOSsKfIZHd7lKkWVvBIDm7JnxWNVvOUQKKqLJVIH8u2JrobNN2nylxJxvz/tkac0EJv84mzuEABaX2afEqO/F3hu3Yrhu5ZiQscaqvRHBwupd4+gjbnVFofYkdn7JphNB5q+T9JVWdH695Xh78aWxMnxdNGpDJyLzj9uJGjES97DNfLkfr/+7+sH24yoKF5RE7qklahNIWGKjscrEwC3OZ78Vt7ie+6Op7NO9B6G9uiSkVIeZNurbFBfEmKb3Qee/O6jaCjpn51SqT3rmEN0wenaO33q5+NqaDs51NLOXQfkAzRWuRkYmfb9HuQ0ygNj5WyAx3w1gp9mUQCGSJQGbiOxkFyjj/UlLXF4pEqP6q/5U4dqEwewETb0dWR8Urz1alqBLDznHzOQlxo8POeXfOk7NUwtHVpEzFynTFBzmKpdmK2+kQyFT8iSIdftrlUK8+RCJRqf6lKEP9B69+90+VH7Rqh9Mf8iSHboBJBmQ7IC1A8ihW4OmL737cwM9c3Vgk2iPsLKAQSHkjZ2TJeAICJfb+wsZMaDi2V7SRSZSZ/DGant5VLneqFiD5pNGnDOgRLQH9Ee9V8XvP10dzK3ZmCnbeF+zMVOzkjK7rfXz20Uz7i6HIkex3NNnvoFpucMVcwJ8DeMf9Mn1DfkwJ53hkSOzhXsow+FZJOEbyLEuIDuSh/tsjaWmmobPjRyGFQfDwulCExO0rDjqQsGxwB+gAn8gGTSqB1bL9stGyfP9bed35uHz0KHqfXg8Pg+HHqMP6Q62N0dR9Ga69P4V7lkA9Bz+8pdc6e0eA9Vw7T2p/a7CQEw/9n2Hfxx/tMuyTH51IOHOutPOr3+l0Zdvj+R5Ujli+Q8Dcr1OFYOPBssy/x8d4gfk62CKHfZfkWO60UjkZuAiFFPcT7DRxds387qTUoPYeSu9XNFOgRqBFAb4/bT5sZ+T63PGfJnBvam7G4Ot8i6YjK/tqdTgJb0ybatrniwi8NFNWNCAINtjdY764L1Kr/BroovCTFF9zsJLVLH0ppilUCiDJFxL9lSwFLQgGbJcs8v4a++H1k20BK9arLSKq11qsWF8InKDyr09p/qFvUWs1BjthU6HRvh6DdlF2C3gmQ2Rqs7lTBg0NN/4KPm6+S46+OB7T1f3tAfo3xZx93h9R+a2Sa5oDxzWYFSZVEENQu3Thddnke5TcvmfjUoqSxUAUOrpB9+Q+ncdygws1zDyRN2k8Nl28iUu/BoAWyBY4MtcfmpVZ2NwzKfl9uQIcwrF34x/N9edefsCzIOIigiMvWBS14ZHvO3AkCkCMUK1OwBIS/Fj+6/Q8QAkhouQEEsvRro94t179Qzs9IdN4Kye6ZadPxDpmPaaRuwbRN1Vg2hKuROsdNc2ZmEP3WJy6P3KDRO2Cf7bT7HWsuuAlF693IzgiLqTWtWbBJ/xFKAlKQgfoOozM+vr6DmaegAHj7sZTuu5kAVzRtncE3dJo1Rgy/Klvtas1+3zHRG6AjsS0qUwe0jdI3pZaPI8FGHY1UV03vu2TQihUlk8UhqgwyBNj5oLfKERB4sw1SCe7H/4rbrAK4DPUvxR/OyamYgVfN+x8CM/SxXOQBd03aKpNmvD15/xPhHWvrv3/Vsyi2/eGmMK/+gIIAf5S05frGqrK+mbvt/VUcK9xXD8NeJRwMSyAPFR+muAsuaiJOEtotH/QraakHHTp3Rc8E8MF/awJk3f6amC1LIB+oKAfo9hKYV9dg8Y+PUQZsZ4Z+7voRZ5zfxT4+OdjJN6pG3UJyi24rglw/2AAKNKN4v4TNWFmExW/V0TIZ63rplz0EUvSsi1DbxXXSNCB88/KGjDh9XbBPITPj2uLwIA/26XznMbvPQaV3wOr+jPq1CAF1f3HgBVRhP+RKDiUY0Mg/Lcq7PtnuzQ+KuXNi5jJ/JgEbCUMlI+1CGFPPljVyp2hmXzm82yXbq5PVIHLN0gf9JUTbXM81iSj4wGy+G/xn1JIYfEOjZGdMuOBAhmJDd28BVr8cTSx/9n6iOzBkeKS4fFckAzafwrXZBZQfG0XthqiELoP7WPO8ZyukILrcLdf9cFpKE73lEI+2bOznoBvP6oX0Tg6IJmytx8dwQqCWwfPCP+bVCzqo6KvrGaJ7EpPuT1lgVCjwpQINle1coyUicAV3Hut8eD0G9PMlWkYwfCh6Uz7zkCfPVARIt7bbgv//5OphmrN7uF90COUWqBQRmLPKfMGISb82dZYUjA/Vw/3rb+wf13HhWbSnWnNpPMXRXDg9J9ibq4M/tWkgK1wzAShU9PuzdwedGTUQHVGxkB1VGQPmrQsLQKT8zx1tAmJRGcEpo+1QP5crVPZ3YsJFQLxrW9+RP9PKhX20vGf8upJF9eVkWDaEnK40MVCLVUt7MOlJ+Nl3OlT094zddgR4LUbKmBo/6TTdZH93lxUoPLe3WYLxTVi/eoMj1lheRqukEg36XkwYh5utX3MHwpllOI97gSgj/R4mw5YUuHVZ147JD+Q0t4xiHI2NUq0ZiR4dCwqbjL5MFFOUGB3GezORbUsLfc0H72/bxil1sM3hBG/Ot+j7Hhmc8Ks7IZ8xWJu09CrpMah7NzmgYRXTQOA8vCndd209JY8fAK756kVLC/3NH1fvmsYpd7DP1Qu3jWf2ziQlCwmHdJQcucrKOTtcL2TyUITlDROHmN8XLXO72Mz4r/+fllZ/hUZ/gGZkvQl3DKVx25WdtSacAi876DBdawiX8wsi/ec69o1iKxvMzV3yzOL6aqLSiDbHnK7PeifWxIYLgJCMMfR0aRGyEiD4OTWWPqiXMoLNvuqCqgA1TKBPbmvAlRQ4dln0lPweM7m7inCwGxbCNK3zx8XhMrBUY87z0I5q31Ms8uDKH1ZoeotuYzpzYwjLYRiYTPXrkbW/qxvqPwcb5xMtO6lS+GdCdMwE6agiPfMTSFjTbIrdFtzGTIZjpldkYEpxwuGETl0NlOwiB7DP9dyw2/KKysj0JbDGFX7q76l5SLezHNNoH9qslfiyXwjShNpiS2xIJNf8aakNeQTkkJKFFMg/zKNKsu5YCDf9uXXryRiCrxwInLBOqzOpaAfvToUttnhglJKvwjhrxhvpUNYWHoZ4L7dln0ueisSxDySGKyhKNNs+06xdEgqgPtyKeufQId36Ocd67lRcbXhtbMnd60DBe/U3mfdmnQrr+N3Ni7Nca2RVKnhbHE1LrunUOtWPgmhIkLNf7muKzquJrwmGgPLhhNQUftDjDyBcdBT19QahrHB08uXdvS4vI6GJFTAH6nB0M578lqK3GCeMI7oyoBrst5MHSSk5cW34Af4HnP1H3ohXTzPdd6XOuxcT03uIl55UoxzIPkgS4tpTc/ipNMc88obWEL3kODn51oljGtikOz99yrkSuTrse0pc4i3cGL5615M8ySMw2h9odkPjof8qZkAMo6InJWIVQkLwkp434rJFpWneAw+BeSNGn9pfgU4t8W1hJaRyJmZ3sHuTo0wyuuyZKN/dwy3x3oH34456/6Nf1n+18yF9v7EwODMlLYz+5/jMTqHKMcbfQODHR1uBNi/hrGEpLiABg5gfA0Na2cJmqwwj+ZUFcVg6wYsRZlu3xB30kFWeXa0yplBqmn2hWzhh+FtIWfh9O+V4cTElzgMDoQMD/cDAByszQiEE7BBE3pW0PgWwhsYXtkAvgYDEd5aSFThb6ZqSuPK2bRKtcJnHgDT+9CYDQeUuMCrPsgb36fWMOHiomTc514Z24I3AM/2XnXQoGIMFTyhtm+ucWb29XNzywAx6aBtXQ2fCV+y1J7yq8IYXfA08sReSXkEiT/hQwutK0lDWFNl1HV1upz7ZC5ahQgdMvyiFWBhEZhdAiRbPhkFQerrXV4y/+kizGSsJdw2KWQaNIFaYbYYjoI7zC6bwQzvZGcliJhiCLxgj+tQa3ehAW4jiAhkGY/z0UTxD5u34HayvUKoi7pXI9PuS0yq/MxQ0HvNYWc5jAn/zLclBUc3mlFzZtMjbQL9fSQi3gcz18PrwUFZdgXIp1TK7E4bCQBHBPpko4wohRRafxfGgXCEPZEFyIlsXqUA2GKlBL8/9O3PJxvoBM/5HSVe3ab2V162Yxy8ALndXry8YahDoK/fdbofAB0IP3vPzs7NEhLNWAMhydysj4hkdsaQMvfURIujvjTimFjlGNRbQQm7K+xCu6uI+B+G9B13CO4rpx12lduHdB2HmeuJdzm9w8TRZVniuqp1n2l++hUWHZAMORbbB7E8amTXMy08/lPmYety2xgBerWdgrYTUQOs2G7Ap3HwVJhE/KvkWxusU7RygyvCwNanMjgNGyF+KjViX4OjSJ7eldbH+pqCs2Dmukaw8a5J1EY4feDWzT2pGJzRDVMn6IvELalh5BAXKhDcFoXkHwDnM+AIMYADdCmA12Hn/XnlexZ7AMpOLBB8Nfgq9dX4643yG3vGe1J7BnsEAG3YsuEThQuDE7EwgZeRAOl4mki+xnbUgWWV73DRgcYSSyQla5prUeWDA20oDHyC4cl8/CGIZwBDmBFPUBOH4f33y8gKC8nKyhCjs6x0pystJO/N0Ndbrq5DuUkUtJHeLX7f+2fmRUGg2lX5a7dFngOLJvMotExOri8EPoaPF5WsXHbvow9RroxcLywDueF6Y9oDA9pwc+yKV43RYe3BQW24BdPBZ3/fve4wl591eSlWxO0EZN6kihDhcij2J1aNnnyWONrnS6yTz3RQ5aKlTm4GxLVfZq0Cbfknc3lZoBW7FZByizpchNsh++Sr3tvnS+qTz4htflyO+5C8jIndgNhkaS7jBh/pBu6jb3sBeSl4fK5Z+myqeZY8cjyg/qFzYCba0ghhbZ2ZAbRGmf6i4o6N1dadlp21jc5CdMGm9kbOi5YdbVhjI7OzlsFZ3+pGR7FAcLkNmkIX5ury0JjLnln51nJKko0B7pFZPLEZQXj6wIHkEujCtrTky3pHivC3MZcRhyt7CnfxC0/NrnRY28+98ytHtQQGsMmnhV/657bljU5tzRZIYZKRf97Ef+6XGX7wvdyF3IVZfHuBzLs1X2u/WijXKpnWxm4s5XBN/Mz5+U//ylW7E1hyxI0uKOw07PD9uCGe3lYb87zkLDbduzkBw+Cim6ydeEQnY2/I1hA+TXZZ0DHiZxjyE3DLa80xTLQ6BnFYnmRUuoZCrcfEEuaw2Nh1FHI9NgYwBMWwE9M8PMjl8zw/ZIK1BNXLCWphB2axiTnf0T+StfBMKU+qI2D/4E04ahnp2OrtaVDmyBFB/jmgy0x+TpUUG7kg+QXJejiIYsp3e0BKt/GJiO692zt8mu0dEprzW26Zvl2Z6e5dmZG1NWNZad4xgKcBrY08VtioFiTDYpQKHF4lx+JUUhDXFBkphZSZoeB90BGeuGNxomNYKsXSS81k643gGOC5i37/TXlMEe/5doqJGNp8DSgA/76nXaQDpoCCaw5UcnOd/yrUgU0QrBD4A42iMzDdBDK5MexszjiVijOZ0TuOuTPjPJ2V2Pc1sE1rhXkfyf2G5lhKCs4rAv3bQpNCnejy1ewZAd/M+sN53miztayLxIMZj3PYcFkMjvbSU+Csqd3AD69sIHyZckzNN0vpesbBeYhExlRqeDLOMueG1443IXtzsYeh2dJTu0yAUcHUX7jwRFsD91A120hNNavMYEMXfb0l4aA84+HaQ8N5J3rquQerWUex1WwyQ+YxhpFad2K/LaoIJ3HEpIrF3c7UJ1pGGp6CNnSowYM07FY8fNPmxW31srcpd0nWoVpYd5R+WJwh8/L3twazNnmiPFaFarAsH0Xsynr+i7FhkGBD6d393WWVzro7G9wzJYoaY5T6vSdmGtgHUqdzirLPptAVyd7gJqe4Uqbgvqz9ob79szknGkB4VZYkrVXRtqC6GUB42DCgpN4ASqoKwsPgXG8BQUXmZO95gnaNqGPqbfMAO0jIafBQMuLlLK/aEurUDUN2A0W/H0dYJC2FBNp/HQE48NL/ifnZpomT7G3ypucSD5e4XvRX/bd2RJ5tPnH+etvMSRVUjQ6SerDM+aKnFs82lPvnda/WmJhz8VBnq1+FCLd92CSrH4rxAAeci40+AzbwAxwCywrBKB8CywhgnOxh9RX1FvOGuOCD9De5uc+TmsYVvVhqqOyFuOgDSl1xhHdYOeRqvpe2u62podpiMdz5JH8SH8quW3mo0eaP9GjxnL1OxLVmBm56EMYIACJofyXhVnGJK/BKuJyY8ByHd0KJC81LHOdMg7eo6JagMP3urGztNkqIYQiSGQ6+UfEfHFDzH8xerBDVcrKjCXy63DZYFu/V5I+RMCLsZI6N/VgB3GtYXk/9R/WerdDrzHdyApzvfr+vt8hWgHR9S74lThdMaIo4ERKu3ZGZa9gREmzaCsn6B99pWA+/0/K+QX1wR+52GI7FpNgryoL1XET5pVr/VSSFVRMoOr7UaQMZ2/DtFLukeONOxp2RZXSaZvLcQaVXqW6SyIgsC8BS738v5kgQ1AaprZLvYsmOcieFURoT5yMSPqmu993t9/UWO4osXT5SF4qzL/K+Xoiyj+zNzTEOhYRrt6dm6AYgrkkdlQMQQekYJ49ZXWTWritvO6Ol3H3FajbbbATwNIAcCC/0GdpdgJshR/7sbHkfvjzel1JVVuwNedLCZPVgKU5RKoY6WJUMwH0RT+cWnVyav+fCcY3QqGpttzKIazHFEeSpBzhxloL7fl1ElGZTsKgHh6xJf2hc91kctkEq3V1KKLBzl5AtaflqBFqppX8AW2Fuo1mF3lpRWLL8wVdano/fyPPhkIYxaL//4vL4QFaW8mBEpOog9KH6AJhzAUQT7aTkVnWxFZColxMSnzciTqhw9+PWWTtns/JDBS3PpT2kJ+gztDvPcDPgXoaL87NPhT/NnjykxGteIJzL2uU37kJhxX9ZXrZuVxjv0at+6gQZm1U+GZdpIzj58IfdX0kjqk1YBMW7K3QMYW4EWr6XlqpcGiZ6TqCKvRsV2MLWPTZ5jqWvE+a/bqGEtRHmqSAzYif51E0/ZB7XjLz9iIUMVvj29ZzigjBjWI3262hd7rxc/Ncviy6TDEk/pH5ATvKiigQkXSDnMe+MSx2+1IhJcUSRuhzjUQPcPswvBIS6gb7+mmLkNcxJglkNsLo+mSwrWaotkTw5UTb83QiF/S68fS4wfwjOzJgNNFNj0vh1rdvwgpu55i9BQlhItfQQpKB+0qEL5+FArTBpiiGvvyMbe6fJyhirkblYBnAInH6mS/Li3GBk4gbJkx+wfGqbWNhYS0vVnplRTFtHV92VARxFF4YGorq8Y9svDAyiuiEOA6fMBNuJbo3RT0DYNHy2izJBVxgIZBedK7bwkbRFluXlDdKPaBR6Huc/UUDO/BtSe4+2hCYJypWxaaWe3nVEdEmOs733VaIVlVJkGoRl82pwacp00cW9W5ZJDwgm0twb85w52VIoi9OeRXf1H1sBRLh+wmfCW0BZe147JjRGcDZEaTzHDqn1R8lbNqhB/CeakalkptyrZbN8lZrCOPV1WilUI+G3xxUGNvaEG17Z11w9zyTnNl/Z9YDl/J/jLz13s+7rqNj+ukv2njFPWjAcYZvbNYbIJrtqMEuI8V4JjzmRtMx1cvDdJjLajekzq+QBCqMbMyrHCyIUYBnDNfKE3+P/eU+nIHXqqOD7o9hOx9jdpyJoWKP4itIdAv1Dj8wSNqh7XjkUNLjwsaZwj1Z5h3V3njzMe2EXyCAQ/EK5vEZIwFWxVDH4YGqpVbA9h60tL7OiOIBU0sv4f17Fx/bv3LD9uUH2niFHSjGyixbTmE4mrT+Nj/FOOXmdSFq68uPg2DbUwmJ6jUplgzUExehKS4KIXd7/sUUva7kxLvZ51nY7ejTs7DEop0R+D0hlljtnMJaxcbXNQtnu7Fa3s82xcUkU8IQ7HwFuv/L1hHxyAiQ+X7FzQ7choVAdIwrysgm28QjywAD896LLBgoRfQ1/s/8qRdQvmwHKEifcVcMkjvD7S/GLF4NsJV9PH0TLHay39F/WlAt/oBCm5qDiOzig5KPgoVT+suPoP3oa498bGurZM1gT0A9qY1amsl8cjQSqYF3tMMeu8/EtQkZgGUx1OTn81N+hN6PfxlP9Gy8WObZHsT37BDncW/g9+IkclhHGzh4O9BqDOJS2+S7SKKzUQM/TytnOVGjJyWCdvuGWcdjVg1bkw0y3JpoNRRGPcgyo2/jQBCinn/1ush3v2iqqI63D34wmlwo+BhncV//1ECRS28UWowmVfCLBJhetDFfoPBe/bg/fsLA/JbqIkHUaej6ZX0XwHjDcmbu26e9nRPkknref9TCWMbH7q1sm5A7lsmlq9jn47388nl+Dv/Lug5mfjISzy3jsahHKOtZlAgN9E3ERjq/dP1+x9wR53JtUDbHOjfUenKx23AnFHnlHlf3dPyojzBLbyNysHlyNaU6lXA0z0w8dcIUW0Y5sjo1SahqKlj7UflSKQHhZk2l8zBoEyRKSCk2zvn2c9m5GmFdqp/ukj76Eic1XwyopZ3M2u6Zmt0PQvifj+bV4y+8+mPjLSFirnC+1Vuj9bgu4/oAEIBIrgPkK0Aj3x2UMnwO82ZKmjoK5TrgCBOWQWKzQSovYl6c9oJXbl6OFUqXafbN9CG+y31XblaOlvlHbgfAVltkQrfp2hlGnpZukhWFmrGGPD/CR8YHOIKmYpeEvOVZPVhCZ9sMv+KHF2baARQ1EZxrujgW/qh8NcrobvGcyGpxSNxasUmvhds8yOm9QcgMZo5nhzuiL1Lppd0jMWiLUwyLrA3dtfJ1EivGVWyilWQFigh8z6BBdjvcJpdhTUJaKCNcA2LI092T7+RtPYig9Lgj0iJdPwMLunB80uJ85PHzrjHYxRBuge10o7/08VPfDKT2KlHH9YULhCjSNo4/dtWVaNluoJa0+sZbDJLEZu1VLtAibd2zga1mIxQ7oVEVF9DgboEa8nH541XE3Y4wBps8ton3tiff5ZEPDVp9ER/a7ITDJ0HG3BMNeZ4R9Fc4RrTeKeLiJhd+bXMtCBHBXU0avB1GScsSWqIoKQfQQM7214GUPgTzxQqio1WNCVuUhUx71+8JYkk03XZghLA1bmR9+Kb0CybulNzpcUrdrsXU4YbfDit1h6eG4hWGYPdDu9ijkcAUWM68qtEmLWcfC1y3ZbV942a2FSpcO8fq638YAIyr/trCqglLNdQLg94ng0q7EewhuRH4nyQ9hOUt3iG0eT5SYpQLfT+3B2m0WEThpsb69TZd9ixDgva1Ws9gC4gZWUNqYpVvlG1O24z+5BuX6lm77/4uCNsNG/jVBG8mrM0wTrkjttdx4tr7wQQ/KE/Q8HmEm7kLT8bhVurWf7wCFahByHDpAAzJVwxE6tOCo2RC1edjM/OdggEHn8T/4PaHV5tKSgZbhHPBk9aZnQzid8qpA2Txh26b+xFRnfni58hVExJv8w8pGK7DupyrjiHnpCJAGVq4Nv1oYfv1uGBW4ArFpRIVp1Wgp7fqny0wRU3U4bbmzvUW5A6f7Ad7HajULLYBXjIBTFvs72+T7cGoAELzNZqvIAvCQOzt3g3HKldFLi5nJR5HItkDOlAwNIC7ydY2EkqaGiucitg8HVwf16cdDIWpI+Y5twM6aKU9hL50WppuVgIcoc1q8a2ShS+rgf+1npN/VzVeaInw0Ixlhb2BcPwovJSvBcfZg9yPVLpzpBwTvSqtJ5gC5Ccg2Ho6XD1pHpNIRcHddJLHo7YmJgFdHX2QMfHNQglK6XOzjQIFKPzSPF6A8R58n1W8MfqXNSp3zKnM1IvB50oOq1J3ViIzslQj/ncQHlUk7K5GGlXvP9jpRNpQ2Ksmubw4K1DXHkxz6NpC5x9T42IR7HG+lCLwx783cVRQsvDFPHFixePN1r8EWHis+atlA85axeyuzochyk8uqpTElAD2jba+ZAItsL2P4PEXs7djainIBMW0oA3Bw+3F0VMfWA0BuGt9F7j540I31SwTjk7w9CGKllxeltmcciCfLjN3SArh1Bd3xynETuUuwNTNl19bmRiCXaeKNzYDcllrvLALWefiwR/WJFSSSHL5iEQuaJ49DZVLMJkBqxjUQZPPdiv7rt29zHcQPyKU+3HrOQbfzpMruJDbYbBCF3Y6aJuUg6oKgcvDApN7bYWLKIAOH14NkR5t7TAxLBOg7XqFXMtvPiwJAyfqaUJ4VKa1/sLzfLRLplXmvwNfgHXdv7CZf2bhBnsJ4YBhQI4PQ2z1lpF7whjHtHjzIm4Hk5dKXWYcHFcCzDMJ7JWQ/CAcZ8w7X8drAqa7u7jIyeuqAujvAf1dQkGJnl01QC65wXul8p9J8X6cys74KLvuhWO4BBipDJVIXAttRwE6dfFe3KECDU+hNWKgJTyYjA7DIMV13g4Junq7U7v9HHTrlmFcWrGK3h1Vl/7GzuR+JwOcv2MR+nB3sLYbfF4f7eMMBxtP/eQ6Eb8NoJyBpAdgRQgmsqjcdgB7n+xqQ+g8ibmwMQZp7ihKvB9AF24EhNCM7yRQc2XhOO7dkAqBmffqbdatr6m7q0z3nA5rwDiSQywdpcHbcYcN8c/N2sCjLuSwcP8LP79/q31BAAQoCAAAF22hznp0nAACKf4sit/eW5QNEy9d+AOAgpqk1mRWAJF45gFix4a7VHIHb9wHcZQ+dgpCZNK9uS/mU+wWzcBtbGYONOSoSrF0PJqOAU4QkPFcDJwQwCxWJCyFtSW94K0suyM5IA13hl8Zg0bB/Gjf11ChYAd/W8+UzSScmi14YyFAErR1B9LFb5+v5+h/G/TON6PeX6a5Dfn5NBn05thf/kEQpsLJLcnM/DPuJsrLvH1QlqfkdVcmfjFv/hutHJjLkZIoyTHT/TPnRRVFRfb1SdPLGrzCUWRcO3ZUp0YrxGhrbLLYvbc0eB20pj1E4aI/Z3L+o5YruT8r5JEJTFkMiEhOakcEisLGeGr8XzUKz/Z72gtEXkl7mHuAIZ3BWxyJ4U8Cu1l3iyBFs42/LeuT1p+8ji2rEi+qNz8N2xTa1rHLEJANSeq5THrrewCP5YjqGtEno3shri0ifFmqjselbfnarnvr46av0zpVP/e1AdK8TfpMpvt+01YkAgO7whdH90XM6Eua0pwfW6fqytTwkITNlSBolADjsHRJ/hK2SSkmpHkDltRO18L/BEfOhoY8jIkk1HxaxQjD8qg8JfSKsp7CNuRAa9ihykHAwMmR9AYkIQyAidHM+RAEC3CyFPkZhI4UVLkWGPI54Q/gmImxDpMGLS3AA1tVhA2ARYVMwxNgwPAisFwKIjUxjhZ4x2ijg+hviSWEKDYOGrIytkgKW4DYhASHEL83v7MqXPdKYH8nXB/w4t/+WbE0QBTFNAQJF+b+NB+m4h6wKNlT5HXk30RsbUqTh+LVcFcM8ZoxbOwhJi+aa73UnRr24ywCQak9SrM8I0qEHB9wG7U2fQhHRTp+NhQIfUVEvbi5ghmi4EVzarmA019NLmN1wcd/5Ex/DOd0XXZSU1NTP037+Gvgc8DdKceW48u8TJHZ97EyZbnf447ZjJeUuNJIDF8ATKugQpjtwF+5UbpJ8lxKDvJGctwsrOdvbpkx6exXmOq55QzYKJVbBcxU0TMlqaABQUHnSzmsXACh+0TrR7stL2tlzsNLKTgbr+3IB3hyanR8AgAJb+GR13oN4sn0kt3UTDi+A1h22/OdFeVNirerAyzvudg1k2SCt4ad04oIiCwFdKDXFpQ2sNYXbwgkU01Z8eYP+/wnnc4sFkIoDGZyWTuoWftfOyv8VDny623/+p3H5yPwf9C4Aoxxf/gHx5Y9msMXBKIp2Sr3AXd74n8/dUTIFAIr9H6RUMTzGhOGEnvc/ANk5kh+ki49OiHjyWNmdJ7q/uCkY9/9cQU7vEpkXGRbpG+hfqv4O+VBKtB4SsNITf/8PlK6jVJCLG7a2X75WVbEizNjjcHEqp6nc4uB5h86R0GhGH1DToL+I5+SIg50GCeIeo0hDncN5XMMqHiRMqQ6dqa+EyLvva/cAONDqvSo5bwjpqhB5iPVOtszlrd+c5bTy11FIW6cf9XH/oGtgC0iCuRv+eeWMmRdceN3HFdT19W5six1hChYZtt+3nxzDvMg5ehYHntdoY/xSQL3rLjoqkRzEKOjfOhe269j+ETv1J+aKkCFuAlAwGW4oKfInIW72bM4+76+onAv5z++Gf1SV9RIf8+ADJYn27PcD1sbO4NbxBhToZuHsaQLrsqdfHZArJG+a20+qlRpVxnZy2nrw75fvLRkkz19WNYOuk9rUX4wKih+ow/yGivoZktpv77HRvdGO++l/GLgfrCsrS/DQRQVOQX6rt8AWjcZmk80LvPVXsTvwW27/lik4aQ1Eq1umoVPH0GFYf4W32WSDfrJIw9DqbRy4AGY6HmUJ02fvGbj/pDvu90VHYb+9J6kFQ6+K/WGfL4/r+saDiisiQxuDPUIufdtqzpA4aRsdpdqnpKmhJXEroa0DkxTOY9NtKgZG+ScF9JTjPiUnGlqgpxu62zsqgueav3vY78vjer8Y2P3LQw/xyk0ozyWkCOxrjKkK4j4hXGAC3Mxdg/dS743vIQ+l5gxAdkyfSKBcz5CFEFbuWHRlgEF2wxRPfHOnnm6ORJeFoiyEQoeVEJlGR0f/40h5S4l4zSw9pc8ktn3eToklsGKPkn0G9EB05viHYS7uh/n3H43/6vAOeR/v04OiBYXtpvbWsszxsr8fJhY78Othjh1UhvmDICjMsX1e8eZJeyOOQPX4QzMDKjHfJVXNWpr0677Yf5L5GfKpQ8vMU6+QccMhnTes3xVnvPIGV0tSf6wIvv9B32KfJdc4krAFSQW0F/r6dADdxURCBTMAGPp+npLl1i8EGJTKDP68/rC+SN9F0TlG+ZLS7K3WMNbsAfd7rBnm5t79RM56yhgbl8dHDw1E/xsgvWsHpRxDxrUmmc4/lUkyuRTtlViSzAojkwFEIHsA5bRhU2uCfRwh6T4r27q31CjVN7H/r2Xd6oWB0zH5WH45iWvHgDxq2JDtoupprQD+JyriMEkASpigoN4abAyzy8pGYRaXuaUpleWBvf2sSwrddiPnt4epmWf+Nyb3lnrenBRQSZ+//cThyHKrR0bvVrcj42vOSbLJXU5nxh246u51ZvY/wo3TYIpHi4SvKggrXb1eJHKTbKJE5PoNSIa0NYVi4VUo9tywDR7qbkhqyi55IeiyUbigz5R1oqcxqSGrOJj8vlrBOZmdpM0OGev2mxkXrmY6nu7PiIwbavnnZF4kbbTLWHe417qIBpwV0WmSGVE/qWeOJOBJSy7KN9el5Zh06PWon9Uzt0uiPpdx1C08SlCwidYKQbnykxqAXFzmlqY1DbmMGF2edUght5D919PMxDX9F5v9hT1LsgmytMnfmjMOlH7pPcTvIW64hBjFu5gJgciC7ZSolNmom7aocalffw6z2OTF2FKoFgKpqtIbCgcqAbpb+vuP6C/sHes2i9q5qJTCbYHIqRYXxrRkN6aUSnWD9OD8P0ZXHa+90Xn4qtHCKHjYv5NptZoQb/7BfVI4k6k9H6SFNDdTVgegvrjEbdrXHFD6opZYF/ZWol/8dutPclkBweWUaj5juh/4PRytt3B6g3zWPbhWBuEvF3KA2eEgLdiar4DkfZMZCO5+8o0udiuOWzNEFhu275Y0qWzk9Zn9T0WMjOybhTkHFHzXikTg/O13bz/snUP5VwmE/XPEC9VCbcGGAGMfzE0f78jHqbGbeHu2NZsq9I9w1O3NVY0trIl77YxLtz5myweoPXcghGJFdmx72n8A3PbdscjRC+kmgcLPHPtOZTdUPgPkOqV+0qEaVI51yXihYS2GzUsskMMIUuR5jPYnVBz7QBn4lYjcKxnEWUBVNSeYBo0YquzOkjfc1TiSp/dqsnI/OZAfGVuaX24E8f0z15OvVw/x+f7dKN7n3d6Huqk1wMauy2aUM5lN3oGkgrZJEsXgcd698ZZx2F4WOhm9h9tLy21zh2MHJmjxFSF1CM6Gf4a4ugkSJY5vVyzM0YMmZq9hLz23xX18rXm8Ribz1QkOUFCXaJrFqARKMrjgXnaDYp583uymxAN4T0IYshNDHgTPBEOKCmzzFhNon5AQhne7rpcm0By/+f5WA6BAjNnW685HmIX2j6GfX3qbD6KsfK1SHQV1FOAJAM/OjOh5/zYPlOn5XCS7ZC1zW3eAlGIAF6HgiYwKgHv/vFHENyh1Mddt5IQDABO2SXhkOAbr+AlhmmyWq6usAAEkyaxSVplBSNHqn5NLDSKYP5jZtY4eGYCe1At6rxSM1FdHbQQU1CDpbs2/7YOQ6GKEsMPGA6GWSxHCrtqO4QS9zKL6shAzp/LpYVi6xMTSwKm9aUmJ5kQ/sRQRwUgCJ3gZ+mSmMPpkumL8pio5kiP+Jsxc4hOl3lSlQLJTNwWyocJQwC/0xCZD8KaNlEgDp1jX/F0L59JtWmeTfBFtQ7fajuz1slYnTHuyBuniDVimSK9cmzLn1CbzO1Dzejc4ZQYuLzEb5NNK0lp8/swhdGIyJGU8zBJs+Hqfa+0qeHS3S57G9Jc+iRi+keMZ1VP1hLJtJT8w7anwjNp8I6Nef4V7xHbj7uEEd909cvOauJZZ5XfpLCUWe8X0lXpGb1nNexrTVeVG2erh1f00dnuEU1JflfrhH2b16a6d3za+FRpfvlISMJIy/LQ0IWEo9A5y7xzPwEDZLq2XOuHlRW/N4aFhT6uGRk5rKsLy+T3qEIrJk7QodRVXgzJPVG0Y47iwQCsBIQT1WoN9AQDATB/y3iUtvYgRMz695vXi80UT5wd//Cm+X4BXyx1TTn3xaSfeYH+hoNjc3NP02ihqNDk7K7s+KzerPktY/F2iTA5et1Jdz8PKw7uHAPnhG4wplG07n8jaoN+OLZTs8WiU7PzxS4Gfl4XxthiTKNp2M3tNanTKtYa/MuoG3QYD9Fs37u2SNUK/A0c4ocaj52v0oSKJrwnJKJ+KE9kbTs5fQQWQ8zGuKCjeJRaZrApS8tv/wmc1mCmpqundOnHyypb4B7qg4fsOjPSRVkPxIFSlmyHb3dkh3YV8zw16GLBs3d4ib02jNQsmelw67uz9OrmggkYHR32Wr4a5kimK/pQkqPNOOJtTNCI1zBWMMcDLr6Q4oqDgWOKA/JSWlxSyaGDG9MsEgKAKxy0ONlABCTWgHDi0mCizzwYQYGdUgn9E6gLtR09Ynz5RX1pQA/T8tapuEynJim/Pd57ztsnZUAC6R24wSMRu+/Xqa336M+GAN3rYntuR6yRy/IZstYqg3ystNxlPZFDg8SaJgGeSAMK++nTfTJ8Dz1gEZT2SylYZn2hTqx2VXE6VVal0VQK83epzPe09DiLHbaRq7AShQ2t2zw2PysR55tVN6a/yjlftO23x+qLLgrgvIB6ENA2nKuymK+jfr3hX4XPmrb8O1g1IP34lKeivVyxUXK1VEPj4xe+bhh9YyfJfnILi07qNOoEyhYcxa3QZZSTqWmRph2Pdb9/5u1PtDGwEFA7+SpVR2qn4UCHaKOOI36gHrLA2olWgOkldT46iVC3kHNLuqR+iGqymI62EhoirM5+3/XjgsMHWxdV4crgll76iJWPffdZkY3HL/aqHxT1odYQZxhcGVjTROwZpOxOiFd/35fu/N1XcdBMxnXvGcBoWzJhmMp9oE3GgyDzIoXFMJRLM+nOfIbLIgRtUtu/4NaItbrtLeyDfg257wHqoZ4EiZ4jJlfawfCmJDD7zZ/cPrKbyxpYm0AeVw66qn1ficV+vDxeYbb5aKDA1Wz3o4aoqIYLTy/GcswczM2oaFRZtXpEVFgIioDJtRxflFf5/m2oM1Hv3jGTVNjD/qlmkQ8blkJr1tAybQqUk3UcMWgK6ZvqPSKEcpwMqp19hb4EClfKVvccnHqLu9mehmQWhokAnA2Q8IPpCOk6Fv2mSBulDtsygsH3Ht66Jnsj5mKxBu5khcyD2XV9c9HWt209kiJY3oNsMJF8Z7ZwwL2Kt8GV3MaQezzl2KizQ1/b3NVqGb29zdKcL/N9eyBovzv2qIrcga5aa/4pEqv5VZEDGkYKLbo5W1Pv7V4XQQgllSeZLkOlQyk/OUSiH/jP2dzBYbhvCrbKxGFWOXQ+VoKy5Veu4SkOnRqce4U2Qc80d2U5Cldflq1X4an5puMhFXLOUQDDJ4V1QGadeDviAaODzDFKzt6fTvTO9ILKjUZRvC3WoRp7AbqSU2/UCnkN/xsHOtsNrX1FoTg2fa9eBPGUs4KOlfIFeDrCADVMK+RaZkghwEXKe0EQkDYRoCb/T0stPm4k3/hFDiclX5uoHpafKC/QS9Dx+sWP4AvuoShOKQyfg2uTYaPPappD7anm46ZYQqZAOwqD7CBdFke4HlPmyvlwexB3kb8KFlCRl1+TXuYRC/1PAXwMWmry92KMHPH+xfycNad1Av+6ON89Sno9+6V+WIe5fidRdI+Os3pQt6+ETm192wwIM45oFhrHOq6anFjbL+E9dEFdWEFLf1U7XBi/Y52VzTePvftI2n9K23rmAYWh+i7ML7zI60JzGODxXmGkzIEwTzlfQZuddSH5WXUeYygDYgMIonnMI1ff3PKorxADuRshSMNxy5n6Er1qUrB6ZqpADuPtSlgqIL4wf1GZd/n/WL++2ixz5+3+ipvbH241H98IBGkNIUjDJu3Ca4yP/OLnVKeRxu/MD1zXcV+uZuugbOFrisSCySbQ15xI/taiQMDv/EkYA278ckNNmt3/vSmL0m5mHT81RwK2TISvn8pYMPsUAjKBN1bEkTj3QgDHJAJ4SWaSrrYzPEBrikZwIYm3q/x9Y1yhMFDNAv3WhsWTQoqCDugl7x53m95QxtQILR6/r+Ex7Z8RthQUlOxjTEt3+nuoW6HoF3YUdLyGmS4duMUG38gvMDAM+GQTJylrzMEry2n2Mkk26m9fwYSLHyT0tYNF7V67f3e9gMpxwvf+tgTMxglYokTHfX/JTYnqV5r7BGwdaN4tNK186b40Wxzm1SrfMZDDzoJlmRmkenXix6ZBzi641LuIXXc0iA42iurGnDKj9Z1x9L7HWO1ARVnAxKz1hIJrYB6J34aPj3tALGrc+wcYVuW343p3yvfypvmH2NNtg3SEiU2pVWvOuYObiML9f172XXUzPBRRq2Y/runfdv3cSoxgI8pNdgCtwGFNs4v7hmTIeFVy7ThfRL27ODQ9KgBtrcimr+QAP1DZsswSHHvs63IZpF3z0kLP5qG7MOKBgHLBKj1cUz7M50xawlO9zy+rI6ejL2BWO8+oj5BD6chDGEGa6ci/eyP/+VVcTlDN5+S0qZDAHorIAM9snYUNzcl0NK65aNyZFxfbR42dQlXRq0L0vPDpmLBy6GR4baWTgfRZ+xpjJJAEyvQyDkW0pEznnFel3VCQekBrMMvQ0rTL7kn9hpNIl/xRvZReVnlxBX1J1xhWH+3Z9ON94A4W/H72n+aGCGNjuZ2DR2Yq2K5DgdiHNz/f4AWu9E01ByBkOah1+UdOlSo8kV3wwCYxaBBZWmCpL+ZQqX4YHvTsZmtdO8fqvLAlnZ++Bq5rZ75Q32eJngNw3NyaGKlKP1Y/KAVqGhwVmpqtfO7mqSonxWuLxnLIHMjNrGhUXQLoMKsUF/1AQnaY193N6/OxC5BdRXwlekbiKFUd0krIX7MegUdnrScIJ1sA6ZlM8p0ARXaXvBRdYvNsCa8M16nL4phFwDC9t8JYWyL/AeZDTstVNbXGIvbgfGo6BPaQ3hRJlJdQp0YnXR5Rj92U7vmH0YhrMW8dqx6WEqMUCU7OVgx6uihIiOLsczyV7I4H7nQAob+lpp7xIts9kkECR3JLRrncjH7n+Bj7rlCVBx8QMKV60pvPn1W54kF+OES8jS6eKv2pnZQ8v9OR6D3/8mxV/xHzAPnLVrNqdCsKtVn/8+10m2wuWKg+vxfJT7E8siCAy2B9IcrxWU70XSECaU2uyNNSCsnHbP3FEPyVE0H0lh6IeJ9IrQJO5F3BloEsjIavt6dQDc6MMcL2oO0+i+sVM6tH9jx45OMmS+Ym9GhF57NLtva/UdwITVHofQRoz5NcmXhMy+MvryyD6zLDl2gDAAHD7CBZ66uQrVmTta2Z69NVT9sG3QAxcpTCw2c71azpU6ZL0yyJb07V9Nit0bhW0ZnZmxHr8uWsB0pE686Fp1SBehbUgAtnloJ2c9bFUkLsPRDGD2cd4Hd6FX849stW7sSh414bUUGuGLow2bkR9NnhzmwxRCZPPezaM5egX4Fzgi39fX4TJARvYZZj6KKFXge/7lvosOSeRhC1ISiAbpXKGyEgWBkQQ5Pk6QJlxpdOpGy1TrN+yo9fPG+J509SJDOXl9lQh89BSSRXXkigl89qDtOIvQXCBOK4VAtWLjjDvuIHczLFo2goUp9UGO4yI9KrC270/C7BQJMMnwgeOVQLsAkGaFNzXvLjbrlgeZUjd7oerZ7Qp85nPz5zJen6POgVI954mZMWwF4rn8BVDd4Ygv46s668NesSLG8FFggxwMRw5kHYmbcXVsuKZ+w0zM0dlXZOoRBCpAgP4EQ9D9sMDFrrTkQhEFlwfE3h8cq9VIjJcvo75XrKSd+NcbV5Ge2UlYky8apcKcMvc3tSeXCUTOc+THHAn1veR1AJngi+uB+IGU/dn9kmvAI6i4PMtcoAHXKRMKNDL1FhA2Fx8A0esIeEJTRIQtze3P6pvyjnEG3h8UlHKbQYBjxOdtXV06Hhcp45Ksev4PK+A4PTydA8qiUAoqYD53f67fV+LrlMjrNVg/pdODlSZB3e8fwwv+wtzXQGaK6FYaQE5ysouvLytbWlQXOz7AybmdlcFNMCG5YACP9/JO6THDvHNm16wLWUHsQHtPwvBWZck/5j0FZSxWfCx54XEGXRLLEzuMJoX+iRG8gn4dgGgkH0AR1QbP7wXOnfq/IvSSJ7ZBv9+nqPpjW+5x95G9M5T1xjXAlRL4HWYCCbJXbf8Tgh/gs7FoHiApMz1eLl2WY2oM/7mTKvLJolylbyEbcJRvxtw1Pp/8taaif4r2Zywv42IHPtVb5vA4ARRD9FEeIV1QsVtGMFg7l/ZHDiYUXwiOtdnNPKnbXRDtPb7De3opuilYkHxpg7upre6Dt85Jc6yN5YIQtFumPcNZra7WQZbi1kmYutDLKmf0vvYBDfSDTcW0vUE7/WxJnJhWjoCFCPewShGhf0A/tOfKr2Ug98Ul9jvegk3gzJpu/NFtboabnh0Dg9LuIXrcSG3nbW0RO0D59AJofpi7vXz+Zor6g0996L7TpSdlz1rJN3Rnk6ahu3CUJBX7WDfeVlCVk6n9Jxc1x+jN0YGpXgkNfa8DGypS8o2btPtUTl7Vdc6kSp3AmnhYQK+drRODNrM4/HsyuIT3a7a5VfApkFRuu6PSsv17aCPiseXeoxe/E5prMDqmTh8VPzIZHWvnbsC8xNwmzNoc9gZO5ByV9t8PxFwAez50k3jBeO8beyNxYIPzTHE1qDRqI8ILTqF/PbeJMKeDzUIiBnamzMMh4eGEcdnDMPhPnCvtXNSL+oOqHRdJbRPJ2fLLbLo4DFo9jtGwO6XhQcH3FaetkT1P8V/eMSIcbJEP6JtqTp/N/0Mh+QY+oZ1Xa+mX2rSpVHuIe+FORfu088u+iqhfdOTL0OS8hMIe3IBYU9gWyUkLZvtIf5sZIktHvBShL3f7l+z3SFeW1ntfLEDn40wjxa8KOj2ET1IXzoh45vV50nE5FfarxOIic+QNESzT/rMj70RnlHC3C3JhvqFmbn5+sZ3i+/mausW5ubmG3ALC4AaAvQjcNleNiRdiMXkJw/ZLoIYPmf4eVxSWVupNIoqait+HBdX1lSe8BbWfgqcvPhIIxUADnDzqBGmOoQvzYCTe0FF4DU4zCaoOmBPrHfsAlTgAZLCgkdTbwdQhf8Z7HodpP9Em4iTDzyVwdwyHYbqcfUC5GsrfxzUUw7/FH7FyyQjh/qyVh4U1rZMVIGOXgCCPlW4Wb+7/1m9Y+DuI9GR9OtSs7OkPXWC56aHq3lW+b8FOF9W6C32Lgo27XusFoWYRnmmHincqRINMO2PcoC8pwjh6zmC5dyXtciM5CZlgZ9PuSxzKyOcTkpRYXGKQO70QEDKycEw2lSFf+qJAZKcEW4HcZnin4r3bFfrO9kVxLuQVhk424HYonM/TH1g5r52vyGdj1clDqQBUjwvlforcfV/qUq/gfagtH31YDxGn3r6gFh6TysDYE00oJBV7I2K5FMx1EQsC0BLYcot6hyacYq+G7JGXzXKJHFlvh4FEGY7VDQ70GzwzNgDtcR0iJpUEOfQW5d/vVvFb0p/7Ea2caFJEOswvxHvp+rWDcn/yHVg5yUfkLt8de6JcFlwnG/lrjMzNkHHgF7NW9qsOM3b4Ypwkjgbmzx8UvPIavWjrkU/kN0LdTbFzQaCqNWXXJHsd3Y1bbOH+JY45DMkwJo5WOeVW7v2IrzztdvEl885BF/smGgvqnJ4ige7tpKCoAgwl6RCEBntVn8ygLlK5crX9PeU2/Thap+hJ1qADMXKAKDcH3/0RLzt+MDbAcjXU8J4KPKYgBS2ABOwXvNLRirFxr2RfC3Txa9sdugg7Zf4yJDujIQabeaIq3OT/8kBm6gEfc+M1A4sjOJAZSetI6yiv97V+Luxg8ITKHLXPSnP4X7jumABC6onoSaXG/Kr20d6PJh3MsN1V55hnumv+KCiY67yuU4tBet8mTm+Krkqy6NVMw5CB7y4uIBuDkx9CVzkoNiL3tdbhM16x6YUsXWicMW/El3dgQ3LGuhPd59XlFwtFDsnSa9z9cepwDWhxCksuxiisTLACOkMeHQMZIDtvytJtGZpgGGkNdqZBGfNsrv5ff7kYlZyFTuQPnNukGobGrnGSJ8qaRQrbUdgjANFgKT4Ke/Asb7t4H/bxU2+EweP67sOOL/n77k1tR3g952qiXUduFZD1q7Dr6vwimNyf+bt127j4Zp7I4EavnqU6ITf1sQF0M+JEA1NPRHAAi2icndASMbMyWtE9bB/QbrwtTppqMhvcHDUZflqWigjbODQMFBlj4RbRGpEaJoqIdC5yYCPVAh5SvD7ocj4QpNESaAM9DJAYJLKjxUSkEpCv+JwIhyodfAXVxdFmTpqYaxLv1LY4ffXOvlSPQWpJrY6WOTqWjMnp5bDdWppFJtBwLcZz9o5OHQ8vl1Lodk1fJ5DA9izjeuqBqXFsVEM569MXaEKpFE3Wws6Plen6/pX1InNZBzlbrsSLEhz7LKEuDKFd3NfPnjW6YCqoMmpCeOUEFgdQ+5IqCWk1BqjIFWlbqDuSJErLto6+guFLe5AjbMf7QvC6g6CmxMH8weADX07aiLFKux5aCUYbZiwavRq9Wonm6wolsmcN8gI9IsPYJ4RB2PNH4Q2M33abygaXICwDTTA+QnGHzzSxpXOFoggg8mVLrvr1q90qwTIEKp/TYaCH54HxaB/v9UxsQPKDf7z/RLhQAih5yaCH1NiPvEhD6rlAxenygrpmB3K7RLq3EYRP0BJFVtTYYEx0hatmORV8bjiGT/IPlZjDWEQNGgjOl2b3fFU0U14GA1QH2L7rREDHu5UnlT6V6Sa3QgJKboV/yJl//BP2/WDdN6eOhoVJZ4TruIrCr+iwUT1O+RVYo5q1L5MjE9fbB2m4N3Hn4XoaWOWzz6GCzdXJVct+ZEGNapdUsy6V94Mm3I6vl4HLpYsHKEm5wASDx4a9pPntecUh92F8Ld4hjUAztq03S/9AOVrTynP3ZLS8sSke0+CTIWv8hK1a6oism8/gvR9yMLITgrG/sqZXEoXsZOXOGSLDE11nYAIpLhRUM6G9APIcDqB+n06q9hnxhGJBoQZG5J242zdUpYCpnYkIOTESP8lbv3jR7nqOnqvN56rdbwvl/A/G8/fqug973EUJrZsJ286BuxNSbuY/MOq8TEHXxXg9cH390k1RUx/fP7e2b3oQ5NjM7WugPDQHkS+DnmSafP3OJjqzIch7GNqRUxuM8YJ4NB+QMFYoHf2jaseC4qp7QxXoGCTX6izzeg48FzlvNluglAuCGBj1m0vlRjX2t+7Ft6I2nTsce3bFawIz5UEfos1sJal306DYHt+AWARZrv6AgH0NRsuPObq6KqAbdiyuyyfq621FHZiaxsaihWZ+jtDWmODXbRYFCPQJUUHgl54aFipvp8r3o8IWDbucG5aZazyv68M+uihY8H7v8QwOckwA9YpNiC5cttcUK+si+RAZ3V6OphiOIdaqzPS9hVsV7NKbCdbsa60Bp4jYKitOXydWp7X7SJnSYaTrF5xHCRZsy62Pk/7aH0Dibfz9hw+7Qzr6yTrtKkDjufaKy/8HPIGfoozOsUlly/dmfPd3/AZx5uQ8y4Lmoeis02Kcy5f7vC6sleA2GN+5eiKhPRcd4QcstMSLRwy42m/jb/im/u40Pu6PAyv3nDEXOXg9S5m+KQaMiefbpsLzPnTMrLq+8B0Es7U0Kg3dR9ojlaaby0hfqIOtMPnBiBSvqm7iEaqvoeXYADz4M4U9QzfSEVpQVxQDXTBE9AT9xhBC4pxWNz/e+rUjnglvCPeDqCxyBj39remyXRbnaqmmxIdeDNEYxYW9/ITGssyluNTTepkuRj4P5f0ofs+r1ulYxw3PVGWtZyQZlx/cUwPuuenJzB/cE3aDt6fXuo1xs78aTzEqkFi8QDJHUFubaCTgNgriuO8VrFRMQKEmVt9s30OHOMxpLgYCiALyx9VnynjjA9P/YC49KbMddqUEeqU2aygMSik/3G2XX12TmuPuWt/Nh8OvhtojXzodbqk/+y8GmAju+YS35iREruIkQKPxM1FRU5aq1Iic5JqZ0W0r0Hx3Y5jaqjA76ux8xO78yONHLRtrNi+kYEaf7DWyY/qK0w1s9HBIsGMFVYhh98WErAAezl/oCidE34MEOfUu/mbe+O3pQyHBlwKE9xipGI7IQOSe/PRK3EuI+DsyJGU8IobnyoaBUUYACDY9Rb+LEyh++4qrEyY1TX/rSMGWYYrwqqca3cKBk1sRzrEdNHoGd8oQI0/UOvsW0ZRE7Zr7TMxTOlFWrF9oYaJpj8cIS09/BUXaAj76+wDRNUFkSaO2mhk/BcqUOEP1jj7Un14XrARx9MAdrbTZGqOAy51y0Ubz+s5rcDOtRssjXGAADcvNlofiIWUvfNTptC5uYSHySsjdR10MEaIL+TGuO5ac1+qNydNx1bbxqjulDJsbqYKc3XaNghAmtkDc4n8lRcwQW+eCHErSzx5O1j8dvCDKIeazOPJ4XLIC/p+yWuzZ1yWSp9qbaEbssOkck81PKUe6ggrsrBziWC+41QCceGf1YFIMpnNMhMgKsMp6/2tbfL9JTRwafERhkA8cICd7TAbA/GA6bn/KhVXg6tLT29sbKzz/wUJauvrU5Nx9UCSa8kb2VYRLd6woPn7igrv/UOx4h2VjMGnhs3rkW9BdLISqqb7Y+9mrDqV90LfvnQK40M9eTLmbkZeK/aFrn3ZVEm4lwmeSCAgvHAOYxKBwBF+fEPJlUjCs3nhnEaeeAJbADCkn5ZMPlqUTS2ZfbSADJKaqoZ368TxK1viHz9dHvxel9kg5qmqNRIi57e3L2g9nA2rKPDcqR+ew8qvP9VFrgW9gsksJEheUsZyQW7YAoGTgSO1OyvCcbKgxUotPEbD+ty1tSorruVljDyKm7C7vkYj62dHwGfKktT07NX3YQ2RfO7OShbb8MB6bWXrWzg49RO5hj+D5itxj/Iyhz0l7zHQHbPG4NBYNsjxin7z9IK6D3HbwsgEhZzBrY4sMLJBgnVE8sTyMozZwf7DHxqaXq/CPjvYc2C1scEMXRvkwUPnifbyOHgvEPCAAOMG2Vuj+ja9KdU16Om1mShPcjKG58VFH6wNI5+dXoM9DrC7db0tt6YSOQPF9pYe+nlA5wOWfo7HGhsE3A/uaYPCFcfU7pVyytrChXRvO0bvy1sD1CYWwQZs4xbKjqJKTr7lOI80moR0gzK1yXx9vzr3hvamhs0GEwN7pFAy6+ktYKbPcSN3OyUVc9unYjk1fQ3okY+j0BKHsFamV+da/Tga5R6UYsv0/KIXUiIiPznP4fQvPvp40UdpaCM0pkDW8LOeQnt6N/u8dYyM0zsIDovdEzu30w5rSyr8bhwS/l8h/P/l+Vvq+1B6LDHtyfN335cCtqOPUNsR20fb0csBoCMc9R3EzQEKzoaAadAwvtERvxhTJ/LAgxQdeFmx3cH/YlNzoGstsFPAcvISPcBtNQC30S09FgajMXxvlPEM4LFigMe2Moz3QNMPMIw1XOEfx9AF6eD0hAhKputmZNo9Hy7Z2qQL1at3OL5evyTyr894/ZLggOOxJSSW4z3L3pqZUdOscN2VP1LhWkBEVmxHMj21HA5XQ0IF0xLlPYpGINFrAM3JpBMJjAbQZhaPp53Vk5XpTpFydkxHIV5hPLxXzSJTU/9NeazA8jn/WoE1/DrfYQ9Xecl54ICFi4YOqFE6Ed9ooAAaRQOWk+DY9r88OA7tgkrJJBL3/3sIaUhYp1zdk24CFIAun9Tt1c5pJE5ei3hpKIcerg+l8ySqTwxfhzyzT9QtJqMQq5H/+JppPeKsLzqn3btq5WEmPjjaAB/NVvEiUMon7wpdkUhkdlCaIvUH/6v/V1qwt9huS1ybULgnoc42U33F9dtW+U8S4tKfp+ON+uS5ZluLbDdBdhDOvxOdlLwaHaoAPvojNcZ2SILnjfYOtz7t6I402r8VZO/6c0uxh9I+7UTrP7gJN3N/N+Fy/74Zyf0Hq04qDxgOHNwcLrq/LbJUZG6xcogxGKgML6WOuhS8pH6ffhxsJgOxqHy6HEj7R+OVc6gWbdD38eZwkfEG/0KRifnVrxjALu6xoFl5AYZ965nw3aKCSy8BWsEAypwY7tW0UHe01dUf9yuJD0mPy/0pHs+kXWyi/rCk5Dr4li70/VijWJ/43cboL7QHto13VCApfG63/fcdj7xYq8qrYWgXhhK7KBczV9zh1aabaBWsCxFvDMsSumvj4ktSfLqNLfCulGJ8OMjv8emqjY/zI2eaQZ/FvJhIQFHCTkMrD+fyMoIBnXs3tbsu9iSkvsmGFndaxHCwpturqyE+thhV7YZIDxqFgl3Hm0q8umv6zF55dSKscD5ciQ5CGU/WxMQXq7oMrdydyeixCfmNnpr4OIlJOwKJo1Ev/aDvwWxVxH6x6Y/qp/ls06/yroLrkIGpLTaGZaNP/Z7p468HT+umiV0wr0anY+1fKUiVx9Bfn7e18X3Xbuezk78iho9zI3tm0NJifttLJGQUuNT+TckT223fzRH4E5+a9jue8dD7u1liv1LS8KO9FuD0S7gW2pyb+Ttc+m+mAOk7AwXbqmwjFqUjpk7cBofJ3ODkIAE4H00NDszUinl4HMXUYOch9ZVmQyAWaGGbBEbG4rD4VoDkJUSZ650AAXaOw2xupFrbPwYuLT763s0DZJEolu3HXBLy8FIBH8bfyZypa6Xe5v+HhVgENfqYV1PBV+pa+UMWkzxqruhCyi5Ldg1H2bmHrKxCqFYbaTVZijLnagIx4heVlIVEIcTuZ8R8fGJZfT/641cU0HYz9m/4Xhn0xwIJuyl95Kz/ldv7wBH2fCvIOGI+tQjCgUaGEca33LjXwBhoZB/xpW1FLH7vx/L3LuYvgvR7Yy/2W/giatGXfaQcu1i2CILTj62lySm4LzSxZa/N5gFQg/MUez6xTHhJsdMmCARfi9kqsBDFYOlswcsPlqqC6uemWokM00c6E05b70DIkDCy1kWKIcqYTuXaPeHLJ0lIXQcou7YxV/U2/FekAJ/wtW7tmOehQQ3fLD8/eOHfADDduE/hmpOeAvKGJA2Cpqaig/qvdiXOzPxT0fql+rn66DgffdQGsoRu6CKInH8bMaqZpbg0IXCVVD+JctqWJPLa/xAzdM0Kp40/PX48IGlDsUNolX1RGL/jSyg6UWnZbxVemdCxN1g99O/TbIHrZlXckKHFArdhX8krlqgzWYmB2XzEJRFUaIk4xLisgNFfEspO+N4jeykTQRf6Alrbo1PUQ5ItbdEbapqKEU+esD3Si4CU77bPDpK07R8EOZgn8ys12ahSdi3T3ElG6hhqfIt99J4lNU8hUF4yKgO3Hf8r1JKMJ+x7ZYQzWu7ezKfhM7XCYNAYBCwvto3d5anp+CDIsbCbarE6IFnmzjJy9/Tr9XKagcHl+gYTtFsY44XxcBGCVxhDxNQmTNvm2zEjN2PBU7AqNef9k8Pbf/XWQk7D5J1uFWAAuwtYqtKFx5ryL8DAdMjrxRX6TEokCFX17NW2Ia/JOaTNVpcLqMW+NKZguUEKCgdmYdsK0fJp6Jv4L1y3xFrAtPx/u6yMYxsd8qNdMs/1arMn9cjjEViPLYf6K53cVyklnio6KHHySECShBUAAaK3AuFIN4It0zszj53isMkVgcvC0JnCDyIzhzGamOq0GRu5lDe4gnc0lz8vzX9joDtuahJcpkDWNCV6cMipgr6q5vX1q+VU1fVLaVpBOWIcTsurxWsV0VNWgmhVJYwfjeGWziDZ14J1xS4jj9phoAYGLraXl3WhKGI/tKqpoJ1YfEA7CUR3KRePj+JwbW8IdKBMuEDJSLet+dIWxBjoXfn/Wvyu/dcf70DJo8aPtz5C0qDAhLLBUyTkh8fdUmQyeLbVsFlQu7yyKkcDRekiDNYvwWEjDtgefN2Q29D++u2jHBSwlD8Tei5n3no+Gqqgdak6KdY4xlyXndX8OdluPb4Fty4Yvo8HGC2TEe7IBwBmP865xFo5XS8w9UDJM2e+lrpsiJX95Yi9TXwQdqU8i7KotQjkKmNYz9jzpwi3O1FUBytSs9vinjxhMTTXbILoVivecrYGt3DdufwMDK4cxPdIjDWNYyHXMOm5VmRXPPJKWB8jNkBF95MULDNSnEhA2i89xCXlk5ehRInScHIGgaZC1JRspN/yMfpHeWvlN4j0ORhoy54wiEVfTWYKtOAaNfECs0Ti3GllNJBwAdc8ERiGSZbPk++4OYa65+GINYyuW0lXD11jxU3sO3nPIo0Y7Yv00OXJeA4lI8h/FJ7VHx99177q5YWbcA7r6wryZCgij7Q39nKXqqAKO+bvyKSu8yDiiKXdkpb/gAwYmyIjd3tAhnws+cDMeKXVe3J1HybVg2EbvezNHsnn7ixnsw0ObPDe4uE2Vcfg0GWukG6S1JPs/7X1iz0Z2JbeOOSVlJCQkRiBWDp/LMh86+21lBsfiA2n2eMWcnoDFyEY02Gb5/nh3OxUSUAT1ISIGkeaBidVmpMQetpZk+fJdhzAnVlooPehgD12sP/gh8amASr8LI0dWm5UFD9NxdxkYuMCQh7gof2M+FODh6oFOcO+bDRHwf6Y7YV0gdKmZ9iWnjgUJ7GQDhsjFB/QU1icgOJM72eoXNiif0oGfMRCI7OaA3jurM5EefmloHlfXPRRG7vKe0RwY5xAHY72eRg9Vxa99Gjpw8DPzlcrySsdgz8ht7gP39nAIb4rK8JxvKDFUi08Usf61LW1KiOu7WWMvBGH959nM/hNWVIYZL4JxkJPF2NlYoyxoknr2VggzFDIHB0UssgIjTyI8LXDETNkSSp69qoPYd2A7cRVnsRw5AOu0V1B02trcA2mKLcQUovycrmE3e7YuMPx4npYC2OErQUdEKyMjLFWOTp0GAsjUxFHV2iC2pkcoWv61r3J1TWwt2NtBlriyMmNq89Z0E6lgVxngs12FTNDtFWuDmGGFgG3GzwIjBUUB1GWP6sOUvTd/cJnPZgpoWqR/nGnMP229fb64x2Q6X6jCj03G/8wOS9Sx0EHY2jwhdwI11tz34/qzU3VtdXGItS+UYRwzHykoA/AUK55sON56oPDEKz0v+alg3Sy7iltXNQYvER68W26CREViU/d6Eu94FglQOWbeNt0W5JfT5U9uM/jq/5x6FCkCdFrg5slBuQAxwwT/AJHXypkYWl9TdpxWlUaFPWRdYpVKe6Nx1GVzOPErDoXt4yGu1y+EnXCv3yQVFRQJ16UUZ2pMoHoGjinm0lBFeRCF4aL32YylinujEfFWKgVM+mYXb073Hq69Nx9SzPgIeBRZD5zFwvdiGfIe503n4LMK0zJSxmFzH1YrD/CPoVdUBI8QGiXcFViCggy8y7zdDkQ2lokyyqd1sNKnPNINut04OEJqxnD5ysgTwlieqMo1PhejbzhxzgFxwjurOQhsnP+5+bmQmhrIVstM/9XBqZDk2c6oANDooUr8liAAXQZOtuJd85XFR4n0kvl/uc2dpz3jQzduhK+OWJPOG7jcP4URCQd0w4ubHBw0K/wVzdX0cNojUsH5DU7mUepR2qYKhhb61xh1I03qBQOA5Xm0CkUTt3Qm0qpqNLRqCQqlP4hAsk/Sf49+UalbONf3sjUUvg/TK5sWrMNd5sxz0Tx/zKJxTfW4a5EhGc3HwUBSTVfUyM5S59T1CULRxVFt2cktPLH88EnCEt2aWy1StqjkKdBwNLIXNO3TmzBSUrYzkD896LVviRzmoh74aooFzeZFMpOSWs9zdP0Cc9bCbJx6mjt6F4HyrkRenMK97tPIB5NAKhByeZ2vz0vbANzgcQwGZuzOHtbrSAsVdLY+mYP9AvyA4VIYM6impnh2c2HERP+6idVnVPQBTGpJ5+BmiEQYRAJUBwYgC8BJU221+ZRRParxETtb3kPCJ8GJTn3V5WU8dxh0/n374aBjyhvSJHQ5LS2wwkEzT18dpMlEO/BbYyPMvmcOcupJrlOozmQgEea4iP0jfHgOLQrZzJzeV2QGvbEeNRj0NjZsA/rmF9PF+AWlNREvW887NGD81PswwLlc3ep1sOIHEsKfKeZ4T4PSHJLoaCY6z7Y6I0fffnyZ+/w8K5++YxX/OJ00ju5+sGhngGtPih8yHLpqK//m5bfIr8Eq5DvNMqk5AM8EASLDk3d1Ou/HbRAU6apbUso+uVRkDT4iJhHhDrJqcuUpcevRPsi4bdi9CmZ0PnLDQabE/GRtB5z064GedsXQdjeOhbP2Aql0uoAk33Rk/WDKl6dp1mxZsvCa2CG3weRf/pDRwefxBqLnbYo3U+IV5vR3bCq/dQ3apcrbydm7xKfJarrrGfHCRi7d8Wfksyxdum2prJeD4MkcWyV6xJXhjZwXJxcId0DeCC32ORxAGPjXUm8NQNlF3LqVRml4IxZ2MO1s/2N1VJs6YnkiTRW+olPeQIogmZGtOe9uf5OTefghe812IE/ZvHPvpuXnGWZagkbqq/ILQklmX4Kq9BFBpiWM78WpRVUbjmMJSJGRdK1HUwXSaXYl7/Q6pClCaLSqGxVq7MUTtEhm8dra8mqZK2QOS6oKa9pzVxIqMrMgt8SbqGQwZ8RXZiuTdWGuNFCw8pc/d6t88mGGvy5XyOfw123iZCnvA/LTnyKSY2YGA/bULY+NfUvDzuhJ3lirAkSfmoZXql6dJ7Drf1UjZ9iRzdpSv+nB5TW8cWx49EPlB5LG6PNiA6rnXWMTX20EFBUXEbnLD8buSGTJdeM2uJtp3Vl59GTnkPtSGfINkVt8TTTOMMv7MZhrAi0b/k3UdDM3+rz6x/s9zO6g4q681rdkhERWsC8AAUFDfgZ34Fmg9vXYUaE8F2z3w8z0AeYPlzUhtMoU7G/ZVInjFr8VsnVYsUir6WsKm3H5OcTKdGUWriarZjk7qgpS2FZovxmpRrlYTMWBS0VFYmuSTaDaRyChKtOvneJeyl+bK48ZqQQqDj+3izgpWFw6hWBIboYIIzYLyopYPglfLjDvMxyzMbq4gfOqaXfoodp4aQBUPAjU8Xpt1YhkurHduxpBUF92y0mbgUj3xsOXLv5g5q9k8skxEvi78nIWdIQVDl2BZQSrYJn0ZXAHw8cgkNdXJvgE+zAnrD6CMpQqZgd4ntfmtHyxrr9NnM90ZLEqWR8P5m0vSSiUgDeiJ9780WkCNFtH3FTsX5Pt4ciioHfZz+AJwUVnOFRhxcy9UWW60Su3/lzqbmPZhLDcO21yqMLv2lQX6YbREZF1xrCv9Af2zXeUP4h86cBrpfDrWhOF7mzAlFctIO3OOFRkXsNyAOKC8u2q7fob5ZRNnb39vwd1BY5M6THspzZ7HrGytYuDOKXxx8/BVBmD0B5bimZFia9CXlKU0lwG1Dwj6L8aLeOq5DrTV3lEb/BK8N23vFMrZexa0hDtksT5rbvtTGV5wu89dTGl6quDlgKrm70vTZxPSwfQKl7rBLZ2+NzPuHq9N3EaJVeSlNqTjTeoKfKQMUOTPwy/H237koh55s6zDGviUz/0ac6rsIrwX78zi8Vrud5i7IXZfgkdiNLm3+iy5D8Xi1zRp/YZ09rThHfHbQN+f1WxvIClaeoXLc1OmcQZK8R81Vd3TRBrxwQMSriYpq6myCL/hkgvPCtcNxk8FPPuLBlNG9MqsTC/XSzz0TSwvzdV+HqvYxaXkKmju4cizWHONdTRmvxeSUF9+xpOCHsLw3l0XHQCwhnRgaAtSX6qfbghBbnTZ3QqIY4GJy3FgHUeVtWzg1KPFWbfEB2l3KjjJuUawpXZ/R7u4FSFq3WSF/cWV+I6s6G+ruUsYqOFj5RtyNGw26RsIUmNox3obulKDm/s5auPEP06QXk7S2IySNZbZCT6oKWrIhbkxQBG/UIWMFkzRpqfYyOJgMsLp03Zyjub4ApyJcsaBocITtsXhRTeyPcryAYIaNZ3vT3WvHxsVJx61+AmlW/6iIfbYaPyssUcRwQpwEIc/l6gjid/UAGpZC2FR7zCFBGi1+2v0CB8hvYQxF7v8pl2QA/gDD55wREOu/ereeqlk+Do/ygOD463TxdYQ+RnvBVKs7qeTDo/u2qXPdj6yK913hOMdO/44KXBW6y8cIGEzvN8egYfLdbSMsiZscWemyS/HHz+evp/oSLseaEqaZf1piIZXJnjtc1tBtMUCSrX51jYVJ+O7Z8Wmcy0Ere+85g5pY4SkPX0/aY7fMiY8zpkSLJkHdfJB1GujRmcV3Y57frPXXRGpqWmwcG1r1+abQ7em88bxeX51rAg9m/E3dp7W/9BSHrHc4M9rosFtmjT0PSsfB+vCd/gc0HNlQVt6LtNaoT2m1+Bl/iz7BLp8vmCCvzFJLzcuon+wuZ+1Biyl4SvVwOm9WXs0fLlZTiwVeHRIMHOZfby9thIDsHpCdH4FkXvHKuknXHGb+4S/Xyaf2hrInLfkCZv0S8q/ihKmbOYE9dcymEar6ALQcM8WZaSnN9My4rtQnXVJeW2lTXhMtIa24EysD/kCDLyyhc1GZHg507frIz8ULc/+j/sDkzrZOTppRGlBbjAXvfP+ktC4JkLByfl4cDVV2wM/KKaSFHgy5VCY0YLcoj+Bqj4n+VbEqd1AjAYAradDn2BbB0oDE2xjojxrsx+rT85q8mfsQvOfv8AHYRG3b1N+DrhsbYDCuwBgeih8u8o50HAYaDyycZ+cpb+IWgcNJfNpBf85bk5M87B/Ej+GASr49cfESNRI8BivSaYCGfYp4d7dmiVm9KxigPAGoisEOr+ngg88zvSGuvjeTtWhbUanwmpQW5OacOdCDvzDgJb+e3UlubGX+ST5oRXcxnWO9z80XvNTH6yneNtE3hYN+z8kQe5pp/KuaZXhravdQLMzhRD30EnN/HEHfT6yHn7zP70a76C+Q/Wzg9wUYrejCtmu5v8Aw1ES93T9T7dQjb+OIrXHFrINrE35fL6c2g3BIQIChAYPmG4E4aR17HOGnTwZCU5IUSyixgVY1yCMDviKmpfjoe5jWae42u06trSvrXeXEibGkZzg7YBcs/030lDmLPEaap8vQ6lJqYsnLIwbcCDHI3GdIF96aylA2MKMVNxpnENGTdrptqk311BMAdBhW1BK+DIsgaY9tB4Ly1ijXB0kFVaJSqzxgpEJgyNw+16mOTUvvdvKXLBmDSiHJRh5QaHjPtRRc3kTaHQ8INeXVDVgewObRCPi8SlDo8U8gQMYWkARX0KlMIbLMulEEptfqvWVzc1Xna2Srf+qCG6ZU7dlV4Rao52MLboU9UxTshwHa8OCpD/nasKnylmTbZ+ITUr4MVYQryo+3975L5uKfYicLu2HvQ0yuKqsJS6gJjugHCedZCkRI2iS7OD7svD3vxjA+PDy8Pezy4u9PDJ04xWIyiOM4odbDhTQxgArpC6ml5LQu8c5bQcxQQ/XjgYYEV+Dx2+yoIV1NpfitXek5et4X7ymUaFVX4Mg1UFf9RnCq+g7bKqvulZ6elyzZAwXkN0tLtxo9Fkb+24hZEq4RbvVV+EAo/zQpLvcJp1tfEkJrl+mE1yx+E1iwNDq9ZX7BDeDcyl5uH4dnbKwFp7TSZH2xWp8TpC4R4SZTFxGKkrmyAor62jnvAKgq/rofFqKvkpHuLVvvOETDeLNY0thyU9QBq5dCrKXm13GxSi6IZ7+U5jrcQX/7wO0eqJHsrrq9uam9KPEx0Wig9nXJYRVsa4msa0kT0tIuZy8McNrqfi3RO9w8amdYkm7z1ltzzGsOLywae4hfv4tvwDMVLprP/FC9m9ZEIVdgVLxZjV1EccVSJ75QEiqpxOjRsDlOJsXix3++EVTKEqjIVL6p6o3hxoxTu0PEXaoavtq+YsP5RVr9IZT1n4d2C8xaeTfEDwOAUcQQ5N03dKfh4+8LlXs1hI/rxxYTQG413pZlWLg5kwQ/O/JYclVRiyLDy0gVxzCW8Zrj8cDGyrupbBoCTUFJpoUiCGa/dpveMbrxrdZCh33AHYS0Ptkb+MwtLTj1sqpmH88tN7HrFFKw5qsG91d6u0iTzCbsS/RqJR71Xp6o2lc7XyHcclKbXT+EjVgFrLoPSN5/Z/xPfaT6iyNJCke4b01GAYewZoBJ1lPrtkDdOZJ7xITJe1b4kKg5eqKonlPBvFJAQyW0mGewRz9LAohy7LbvbHg/UqdaLunm88pSRODJAkXAUS5USKVBVeSbW5maPrOW5LLXVTPgDFCoE+XCFg051J1u/DUVTk/ijFoYd9Gi9DceuXE4morII0CE1nSXYYYEdRijNxAigLQiQwwileBgBVPf4gqGfKSc/b8b39GSKosve4WKDQJft3xhyBcU23S96mvPjcezPxLDYwLht5kxiMKh9vCIyKk2eKO4ruH+8qu9X7NSNkdA7YY8VBQs5Dv/0Jx6DPnjNYcV78eMnD4w6VVOtIzvVTcVfmtPrqtHXikvR9xSigvJNv5aHVkVZLgPYdWiqXV5GSFa+BbniQ+FbNViMDAC/nKKYUKMrCphnyZgWj1ZTAyxJPj/JsXqk6TR61aTsFjL5VmAXxLTOmKXSEK3SwmUsyK3SbpDArl48K9JWm8Au+D3mHlkgOUWR7DVmg/caOB1GkYEBSlijqu4Nl2sVWSgAOIxhD8CXWS+7NGCZE+r39DfNvQVW1S29GXxU8KTILZu7xRSM9OOYFrcmbTdPXj3A6ujCWrAlTJo3Rj7nWJTmTY+Tn6zHm/z0PN4vtpXxvmprxg6dO1IaZxWV/JiiBDEBN1OY08yfHuWjWoiKgdK2lq0Ax0ieJXTvAmqXezjA73FsXLjhhGJ+UMISpXamEoQhb2BB5oQ5agw0W9jpd2bFBdn+jBEeFGbCrEVU3x5Ldre88LiKu7e6uKASFO9xcPNAY78rh9DiGYYl3KFCHYs9Jugtw+qCf4aIM5g/m4w/xZ5l3JxbLFV/kmO+EUdyRMJ3uJ8jkiEquNPyhJehD5XFPVWvLz9lume8CEEaveQFSDtgm3kp3DzsrEIc2XbPeIi/+RxrA0dfwMYHHfm68EhwYlWdU2xTSfGpLPhIKB/s/RPb10GisY5J/5xCav1DIFdGWURjqcgG9mkNpC2nWODPTPNTfi1f/shcW/5O4oFqhRBg/27weyn6KgvnRP3qFrJ6FXsEMVlkXLTKPO8ofCQIaj71qi8/bYD3JQnwHiPAGfalcAMYcBLmz/C3gFsQYJYR4OA1i4GfU1omkfcXtgQBfgr7O4mUjX1gMdhyYLGyyTEC/HKWipxkAZIgANmVdVDPeLehQZAUHmOBtkuizqfLWzOuU/aEX4lJ/ol5zTrtBGic67qhTiDKZAeSA4qUqm2ZhZp9G2B/tgXbWCv2u4x6+1eVLLPnjbcSP2XBhkyqmcTU9rpdF9Um+2o5gzsDXLHO3ySejbwL/SG47hkM/JLQgHXFBbyNVGQze+whx22UqrwzfJ70Bs22oa1qxMcBSI5Ml075FCPrGNFTpqEFYwdNyUoXN4Y2h0OiaV5tefHAtksjhUiAzxYwCnKOsES5YlbhCkvKa3om5DsAKTBVflNoXygMvp+y7BiiemMK79fvZAqiPnd8uxuQPWmPLFo3bCpQi+pvML+1yalizR5DrUslORgTj+jhiTK4OxkYZ5TGkuH1A0Au95fbKK/uAuZj3DZPCcug4BfaDD4nmWqX25GqL8X8h8yga/LJl0+J00dCQB45g2SyhFllSZ9ASXdcV/tybyuVvx0B+mFxnjVQK3t1KXmVndKlFmki4hKeIzyRQj0aH2800mn67RxgXY24wTY/UKd8iq2aaozHSN0UMG6Mp364XY1gG/a8baolyVDB2DntZcirObJXkCx+EvzdsTgEqn/iY0ejHgAWeCrUF+dv2QpMN7wPZljsUxXIOYY8h8Ks5VCwt/Wh0XlYKPPvNdN741ZxmHqZWeP0cXpB7x86Tld0HFf08fGCXhWJgv520eSxt/JmjnxLKE0vN/mIBfdqhZIcuOQ9RzRwwtQfOcXJca8FaUWDphrmHcR3ai+lldftOg2zz3v9iVlCBIl4Jd7JIkWKKF/AB74qsrddRlDrti5W92G3lOzAX+eya6s68bUA7YLcRaDPqe5U/UHEtEKFECnrL0t+pIiVzfH6k8hu5LVHdGgp87+friXEClIQ5HIAUUEARBCghhFgvUFCwIHec55pjinThOeZus0z7QQw+fZ7EuN78R8YLn6MrauqgPYnm2tbCpRZqVga8gIqyqacTyzLi8Riyiv5zf81yAq84WA04Be9Pd/uXuD+oGKyrQLhZp/+FmGWND5GI6fYk7kN4PfLRid51ndKB+g1/FOZsr9L3HBGLNEToS5zWAxlFmiewzAuaBJ3ec20ozLvGKVw7L95saNyRFfliO+UIy4oR5i3eJ7NER+MOwaX7sk5rwovYm9PKZchZUVtCs+nJY1QhFeps3K8voNdv66kkMm3Apzww7rORLska/TtBBzKucmKqaNYSBbNizsv01AjFhh03JL7WQsE73DNLuUfPhtAdMWBtJJfnp4FfPyrIkfYRQUdbqNB2ZhYucOeGynRS7FmOcG0E9PMc5Vk2sLzV7fy/OCFh89UMIw6TEH7CY4XN3f/VOiZ9Ei5Mgqve7D6B0dGlgryxrDZYCeG3ZDWeVnLxee0Qg27IQVyd5jbC5P9P+q0hRuVRaFYqVTSXYp0SmnipLwVbwYdh6QTVDFyHKbbHkjcGWtGwzCsWcBrvCqyonUArNvyoATtlfSdvazfEoxI7AcEzDuLVs7jXypxdOFAan9znPrXZ5nxGasX75WWobJpleAy9X8vDql9Bb8Akv7T6IsaLwJoXmX58u99/sFKy9z3i+c0Yrt0h4uf60KFCqf/pkEW6SZqgYHC9K/0/eMVkUh5jxf3cap1rKovSdW8vzSwyNP5jRoKmTUG3Nl8+fDb0wMCmNL+ZhAzUrSWDOcKLpYxrC0W8bLSUljMjOWycQ1rc17sjCO98bmlbADpjesHKmOWnbcx6OJgV6OtcZqpZ7+uXrO6hO8CRQZdE/r/q4L12xq6Bab/61NsBRde2OizC/BOSHMKM5bpYoOTXHh9XOO/+cHNsvQ9AIgiAtwQBEAJApQKAnwUBEAKApw58hJ5tLxdLQn4jgBmjEwMtGEEkBYQBCCQHAQDCCgHQQECy0FwcYZZJcdji7thpaM5KurpME2qBV6E0+wL0Wi/4Msu/JJ3Oy/gE5E5gYPj7QI8yjwXwDryIuZMb1fSBwdHrmjfEWiipBc+UPaIVfbYrOzxuLCvJFjYV4JH+3lDgBNdLUWOAVnudPiZQa3TH+8IARCFgkAAsSgIBxCRgqBAGjdBYF413nXsUfYwvH/z7/Dqh6J1Z9hVh1d/4i0+LvdyQGZSEmPFrIxpVuQFfa1symOho3lRYE15ZeSQl8R4S14dMjVqiGYU8yNJ77unJv2FS7Suf5njpvc3v/8ox8CjhRYqECIEuWsfWbNneCtzxCXtb5rXpryp7KjSdxhBOTGC3sQI6owRFM0iJJMsQtKJEVSRRUj2MAJY+5EuqRciihQzC4GfLSacIf0jCc1xY8j0keFk5mE4mWwZTtqd4aTzGU56kOGkqQwnkwrDSf9kOJk4CtzlutHkngAoIAiQBwIIBuQBAYICeWCA4EA+wIBy+awpBQD1++H2RlKlqL2iN4eCTTo7Mir3PiQDWuiK0NIFbqExN2+uS3gx7yhL+JN13O6eHUTWLT2nsLfVD8B6Obylb7eZH51eTJqaPWMv5HvQ0fX7waLz/DQXpkIlHs2rPpsNUACj2fY+SrOHAow5PvcjuN4uuAmeDwu+twn+nwuBtwjBNwahxrZwqAiRdwjRS5z7CBf7cqdY6xlYv1Z1Eiozw+8aHaBwBny6moBD6FEZFdTQiEzypyxHyny8WHQmoWmHCtYVtWADHRzHHgccccI5Wh7QMAkWcyLSV9O4BxaYuk+j14FsJfr7/1aM/5IHfXcj5bFOYTmJW//CF2i5EfmxGT5JkdZMP+EnTAtetDOfC2Ofd73t8/RcyjnRBRqnZxPm7ZfIHpHzFnnvCwteAJJTRRblcbR1YfjZLCKrVjz7RqOmKx/slOMqcnaKM41Pq/2j86ncy6fua6lnH+pb969+NBbA4QlEEplCpTGYLA4PhPgCoUgskcrkCqUKVmtMtd3NRd+hu0rGhVSgjS3Tng5oPNPwQs0rm86bqbeCyyUYG7q6nXEhFWhzpNE+yT5L9YPLNO+TaUujFmb5WVUBynA1GVoF79qhtoPCSFJC5JHke3SkwzuYRA+pTpIipRkYSQ//1eVvker99tIQO+gCLC96adTrlBCoNRyjhvWWwSrJD/Z20KdEwe7I5Xth/w1/ZNyBW/OuvnkM/6TptP/vyfTKv19y+6q/S93r/53qdW/4R4T8wVv/lQK6WTgO/BlY9d93qASrk2cBj3xSUM3vZs2+QJ7DkcCXm2alfPR4y/4Qpto/HYbFllhqhZVqrLPeht+E2Djh5vQKhJV14d4+QA95RA+rNZnae50Eigyg2LJlaVV99mT5c3UEKohB3S+r7JdfvOd/WGU7Td0W+BFJn+bra7aRGE3rPXM707YOs/PbugM+HOsC/vRBhbHJZ7KLlYO8XKBy92d5wOXrQ/mlKQDcCbZ2QtEUNq0IVkW70nOEFaOmQmZUVqGl2T5MjNhuNB2b+P7RZUmWneUkuRVe/3OT8nOV9kPZ9tM9+3915bEN/HqbmMJEUn9ndQqBw8dOH6ZPZKJkukzXKUdEpmUyBYuIiIiIyO0p/z+NyvR1qpOJRWSiFxERERERERERebuknNsEuquULZO9pzL655/jb2DVBs7PMDWOBu6D3ncjQBREY+uMULJk8iHj5I8C8H4+XCnamKyA9I40M2wkmN66ftBJZsmm1WQJcv7zqWcch6IN/rSmN7B+7OsUiwQvc4nYBdu5qvZBR/TOQweTiAD7hXS3+vQIPXHd4SqOvQjXDyjOvIvf07GxCFWGpFUqOQRCoDIZKOi71WRzVU4IcX8fQnhs2JrugCcMIWMTw9NP3+iZcOlC6JP+ha6XW6WZn0HdKJnMjKWqAI/JrcmJFBOijT1Bu4RGdxJXJtS+Pt7/Y4iF/nTZZGGsZL9lEoRJQjj0u3m3C12f49/pn+F339Em1liz76GcX9/u8YwnsVzo9QsggcH6+u/rPSRNczssJ7hHPGP4Dl42xGHxmd9Rl3pN74MSvSazJy8h2nCGaQ7GEIOZaqR2eo2S+cV+MMKk9y2kxoa/MDSPTYDPoiX9p+/JaSnnJ31fAP+9NNjQdm3kXI+EZik0j46vL32zLxbNBQrh658z50KbOmkj+2H4/yTVfEhjrmxaMuY3+v9A5zjIcJBDsmxnaxJWEWC0fuoIw+kKHlJyBsOTZiOCM69k/PTEN/cfWfE/7PStkc9HyTuS0UCq6INa16JTnLE3e/rCEtZfE6ELNbPMPLiyy4H/bFTgMXbnwsY+jOZyqaU0nFuN1F284E1ivMiTbCDh1NnTZkOXZ3SGC5WuzuGM/tzbB6/BnkMCoPaDqu+Mrt3m6i/CvDxXZSOhmfVtC2yFUmdP8AF2/dQZhhN+K2glmlPNCRnASOgxdhia5+34iH0+7J3PrvJw5cSg0xzeO4ei6ju00+5sOSlRPRdUL5gOcNSqDxDXHS3od5zC4f7q2b9M7HJoI+YF7d6RDyS0mx2FhDqxZvaUaX9F0bCNHfO3Msci7TeD9sLbIRdSOck8tl7Pz9dlrrMYy/5jIycQ29p59ableHEbwPej4eBheDI443utCy8UJ70BkehelWm1CwtI75VCkDPpWr6S8dPL8dx1oauxxrNDMyv+rTXAyedRMY1KpOtIfSXvo5L8/IUbExqCAP6mnNgk4NDkrb1qui0YcoXRgQajPe2BV4Twb1dVdkobighPfW/GYWX6albfj6G/8TFBBoBd+X1GSZqzlEnSENdVc7VAwQurfExrVT92XP6mrTyUlnlt0oxGVXdky3JU26wtu2KE0WSWNqbs5gRPkSN0Ltsm06a8kvIoKWteLZUxHWp0HkjKC1idefuIySQs19MIVvQxuzobVI8lHn4QRDX10PH/eD+8lpXadFOWXy/NQEdp+Heeya+Y9k5nkQC2v/w/5mHEZqqr+QgQuneiaxzevhtpcO9x1obDyZRO5nj8sbB5Z6TKzQpAuW47xcL9hsdS4b9S8sYLqmZMaRnLs0Kp11TLIVlbA2BZ8/7H2Sk1XlHvLnn3RluBs4zdv1Re3ZYOzpA1UiT1Enb6Hx9o2jMvnhxkhZk1dCNxt30nfZfn+b3h90cafxV2159WZH1L7x0yJvb49ekfVqxYWEu6wR+Z7h4tX3n86jf4P9/dNZ4OSj91y3Mrnv4kEancXnWQGx7o/o/7lHZ08k5Fh+4cei+hfAwASt/KvYyfL95A337PpHYh8//i8VOHof9/02947/JfueciHXmfD5C+nIDb/x6YEUxuLwbv4cML/70a8lMR9jue/Nw8sP6s/81aud33sSUo+B5vMZEy+CYEixtut/7pu18K8s/lAQCq7EOE7W62De9/wb3mfn6DbsG+S+RK+Z0Ik/jD+2k0uXSqshKDCrcOWJdAnBfTxhEHJgaAjHrZWtEB09crJyisrseaGHJjm4tlFsbVACxBtGHWTEYrNMWboLK0SpzHLUGgZhkgguBMNj3UdFbXMJcKDJnSvapW5te0PhKCpsBIWqTmsrkZEQety/l4pEOwhbXX8pFPy8UB5Px6GiEo7YtJW1zS1vubgk2OybZXwmJpICZ3h0gtSBdgejkElFBAIKd7tJQefevN9a1Ey3G/dnav53QC8YDmeQtcLxg7Ds8T7D/p6Koko5+lrdwSFC0uagfoof+jQ3yJBgbbDHRfsO1A9wTfhQwLwecCPRh8eU35AyP3i098MTgTVrMOzASFiKv1tz2BkzYjl05cdh3yGpIA4IZNyNkWuHFIQqJndZCL+ZGS8/WS59OqFz7mhk99FNpe73JxlpckRZaW3/ALKdHbJ5sOtAgPm98XmogMuzK+WSIFFhFUTNcFkVbBQlV+Q5U268CJy9F4V07gipDwnjkcwUNYaxbBKBQeoQn1iEF+kMx92NIzYRagmemJ2hEDq/dGFB7Xycb9kZRgohaFb7mZpAQUsiy1/1JZOJrAU4loRdfVTH4I6Wp7xtGNGZgmgX2QRLXV99Snzuw8qzGrieGSP+oyk4IIs1PKXslTZcyUblW6S+n3Stty/Wc/WhbVUKmwWQrlbnu6XhC1fzerfciBYFltGQEl5BGe++akujGKvyn1ayvT8mU5UGqzRSCVTDnlSpDlgaXaTYbNO2XXWwVHXW+D9YD7/g4Hx9CUXKSPFOR7n/DcyGYVuC2L9dE+loqERCOSJxPTegEuRu1Ji6XUXQxIX8dEAyagmJCVmjAEKYUMS4SruQlRxj7Sw2SzihP2zPWvBK1/aLrTqsObCAlX2pAM2YpHNVXnwqKl4EAE4ez77RM8bOiw0XkdrlfMXFYWkXknghICuSMTasphsYVp0aphmblMLBUPpSC55zqHmpVD2ff1Toeyawt96jNUWF3UoiOCy2rZMryl1UHU/tqke8RF3SJK2jNov7kSR+U8kWLUtQdUGOUb0AM4N67xYrgCbmgcGq9s1JsF7XJ2pcy2h8DEDtBTtRu1RwVzJJBBBhgrqLVHAxiDPbJG33/dbeNw2UQkjt+OXHoTIPaO8oNUe6wkIpraw1GY71ZA+r9fevcSiAx8vhgwkeG91dxdhoZklFBAHoEcdpIJ3CHNYqt6oN6HgunLXHp5bWDtEXyA2eE4i0EsO66hHgvZlYa8NVEz6u4JPMXTzw8ht0h5J4ICEblTWmTIyK64rRDh6rzOqvQJGvkPSEG743tDUEIcEWscFGgsS3ktn5wX/CtKmoKE2E8hI0Yhez67oIWkzYNXVllOc73I5D/pCwG44NPRfKiS1+Zmd4ig2CNx0FLNx9eGT55823kAghwxJN8saiMNNxfLBCTHnM500Jb6LNLfCZXlqGCkDnQuUo+TZeO9BVmmBW5Q77Yq3lTxLnErOXM1yjvtRgIhWc42gMxIurk/6fYw6raCHDG8EzA03MyWfTeS5lTR0dKW2kz1x0stRwWSXKAOUi621uNk3XhvQRa1Hk4oYxVvlJU83py5WotvSlh5BnW2n1q4UvORV2HamDrx22qwBCUUh5LF1Zw16zH5CPJc/xIdJRspLbjepAaikubc1OAl4d9De4Z+PRYySgjkiMi9rBsnC5KgjexqdZC8z0QlgeZ5C1wPlNkxPE+gnI5mJYl+Fma5JShaXG8XBcm+EPkjj4ugPOLdTjT0j0LJZLqSFCI6mjs5Fgk5Jq6zqobksVA15r86aIdbI0mVehEFDfTCDZ8DRM1XBiEh/5MsCCkJsgm+tUwPIZLP3don3J/dFTgUoupBYOKO6bYgNefMHDY09fGcelOZuc1q8XXxzoBM4tC2XuXXZlfZGRE2Y1XkzoCXt2piYPWd4TlstDGCjFw9dYfoepvX3VxqRsqkfSSzksFVJX3gA8QIECVxKpKqPCmAmYWpkfiRJCERj1N/AK0+sDXZtiD+7+uCJDSt5/sRrdUgsw2yqqmzcjV7PtH36xJt1k24p54MgsMrXuqepvFTkeeSsmKEVGkcsA9tJO/tJvvEItVzPxOSzYiJcpxGav8Gf/o3DaSXCkmQHBGt1XwIYjwLj1XgQ9m0E0EJgdyRCTVFF1uYFtPwTSbWfk9BEnIIfZZbYKi1BvasghsUYigmYiiGFm8iuKzMlvCW1puZ6gu3dIXrUbM57aVhlTp9s8bDibkazm91Rume1ZOOmc+5EJKZmEyf0R+CGjffadLXtBvS4P9wNVIV+Cr5M4LrGdMMP2As/vrRR3yy6+2qjReiEa2Bnb4EXAQ0nEM0ogENtxCtuf/4PLVnazPBKiWO3z5O0ksg9qDORHLPkkA0tX/lhe3Xe6K8DsVWztQx0vdJjbwew5X51Gj3DCO2qux27eUaVd8TDEEA+Z0ISgjGSSubEUx4D5TjBlaIAQnKlhl5B+0eDgNaOTMJ5DBK6y2u1DGL63fhR0hyEJ7DeFRXy5bxg0/yNwa6MPgfEf6gtBMhIoe+tWOlgkbGoqwwoTKFZw0BJQQT326lhVTrQQnZghfkECh88QQpL+SAAIUvnKCNQdcOGhAUiVRBrZyPzz4vuGI07equpKSH7slDLl/uHXmZgn0QD6Qf7mhcus7rrYLnzMnJ5YPLteaJlAJf98MQD6QfbvQ4+HKBQFuicklpL905eFfUigxWiNAMDTIsPllQeJIYYRKnN727GXvGAXneIlZevmqhu9NJH7GTzXLG7KVhhTq9xqfhaGJuLw0r1KF82nkUnBSAac5Wq57cKavRA50+Mfa8zs97VM2530xPrHJU8sGrq+4+2cv4CmOy5riF8QLSKuO87ljSrYviPNQUcBGLX/yxX+E5GzHnKDVcH+XezknCwUg/12nlXdIImTa2iLT9jhfw+5ECiYe8R182REDf3okp6LY2f4hdfwOUdSeOsER2d/dBfP/e+YuwvGuZs3r8j0jAn50C8Gcl7x0dsH8abcTRvUyscJQ1xx0aPYixBahhO/uzc1ns57yUncNeylYgpjVHH7wT4yncS9nrEtGti+I8zk4gZd548J8Ocm8WWPsE6HlzVv1VP5kNl1Frtbx8yDOwupsvp8Vo7dgiNYFMqkfKrQez+3tvbkTqBKPp0Hf/Eyun8583MFktLPiM4J+qa2rCiM/I7lacFTxwwrw51Ke3LiXNP8v4IKwRwnx9EhXk13zUSwSfMfzTonUeaNEG0W3ZMwYWrK+LI/ZebTK/uevk3gW1AakLHXuxOZ/j9OJnFCttpX7vL8YebklvWf1LIkGHLuZ4KEYAry794Wf/P3fpOTx2JH49rZeAg2/gJDKiA6uws/0NTvtBmi5Cn1VMbi38GWGR6JXTC/YHuUfH1LfYmNYx7fVn6RrDOj0FLsCTa1cGLgCvt/+yuwT6/Z8IEDCQN86TzV2rq+E6dLMeeh60U/b8KlkOd938EqdYLOP9wZ+q8WsmDNnr/xeHfYpYvKRHruk9zKJ6vTX5LROWR72Ut0vc5pYNyTPg87HsA55G97Rn8J+J3fADQIwgFrjHvOIJ9VtCwIeROLnz0tFsnpLWdCJobTtoFWefrOUsdt3/Getp/YFe0C678Uu0N+tsVc4vlWv+JwPqtivqde1Vjs+cKFh2L2DSgRPBjitGaWzNTatkZFf9DySYXiPL9I3Fn2Pyzz6fRZXYo3Bkt0Q94mUt3OLNHXImZtM9vnTQ4bta3EFWv3rrhpDXl5w3spTXUpwFmoO3Or2mFwf7FLEG0grsOGShqzcnYnfXXelCHzMwCI8Gz8yA/BmLiaPbm3G/NOby0pngT6oLrO8UM1jOBLxL5cPyl+en1plKn+4M41S+VpvRVAY7Sk+Xv4Wu4MoAL6+EsYtF7yG6kxwzpS+c48ziZxVO2snW6fpLxW0g7et70h9UFlv72sC1tVsByGY+ZnGUsVHrDvjmEGwCK3HSTRK98y0F89jZO21xNYARqddPkmy9bHAqLfQMQgOYctR62kAxdQVbgLZfx8cDLboJ0bH9b8B3rzyf26B1Nc/TUAOCuyWXUnmsT4/tbYCOvmiqPOyEGtMaSj+2TYNzOO+a2dLB9OFxYJrvi/1gvKweYsvAN//jLdszo96bN8nnlay/JZN6jqbNncT9x1rm35NYdsoUm7vobJ5GvPvnsdhO30LOn/fzly1+rhn2rOxtLQxrEGJmbYptZVkRc8mgxRBVQtifkvfNNecLCIvtDD4q8nZZxfl05BVzIiMv+zPJtjL28ax/1rk32t6XiQ3v59LXQg7/ac++uaKX71j01tJ+x6Krn3xRcrwXFZNVvsBzTTbVIEqRXk77tldq7erM61WaeQhgwvf9V7ylZ54ZUpecNGaCylZ0gIuc7pzb2srcb4ANBnpyzXjAGqNbA7jKRUVPg9UqhJw0lH7h2adWS8q2g0Ma/vqFX/yVxrIdBp0VaonNYkAo48Lv9uT5onBesZrsnCO0L6KOflG/RNc/Fm0yxvyfANbParnaequsMdgsNf4qwdpTYNXq0SK3dk4G0BTN1yN9Pefe3kn06aXhtyvTuSq3d6uaXxE5ZLTjShCaFPSR3ShxEexWJz9/6/YPv3x0Y4ZvCaNPJw8gOoYkRFeTc916R2CFbHUrg0rOba1zDeDh6zX3TR/RvuWxC2wWq/wyAEZ3+68ZeN3+UBWzfcxC6XUmd8IAUt1evZIgo0r39OJkn6AlCJ+iU+vFyM7/7iWwMvaibciu4bVu7ddZZWBYWSGL0wPlRRkhTGy2pbpzTC4yz1K4L9j4Y4Wb7348d4pmxgt1uIdhQtVpMPV3J/6ezlp3tHBQvs7x2AHyWVYWJYtVAyhxb6vO6hqqVg0G/Lg/kEy1LfR49f9mvF906wpC7tgnD1LPorRxAkCe7rNyDFBJUXGcdJsAZualQbw74m2jOgYnW4HKGPdf0zARZ7wfXABJKexK/p8KOYHOZD3Uai2+sMeOCzHbevTI6ajMHHZxRUj7ikE6tWy9IC4Xc5YTcXDqL6nXHiBtSu2YkEVhrox+9FQBIDRBQAaAC4zdvDtMxXl2Rr1mRi71XYpHNxvsxATobICB5hQ516ibh6ieIdpLMRSqomdIP7FYIJaSler/O6CfB0xFWQ6OlV9UWo2pfV41bubrwD6L/9vu8rWt7nrTYKns7I6cDKcfbUJXvcB7qClIwPdjf731148YZC/ZEFzi9667dX7V6HiO7gVkyucaxgxMeAPoYEF67lhIwLMWiulJOot7X3lTLxFoRBnv5z1uiHS0pii1bTm1Ir1d+BzHZ6d6nr79ib0dRAeXUFZwt2UFqrESABE1hVqKGxCFFWkXanmbBvYk5muUnPEkU/+0ZG67zJX1ZIDdbsDwJcZztgdWLjMmbe56jV+3J7Am8nx/aJTjS1AwTcp3m7Ot2fwvx5fA0Z6edHWf35hr99zhDt6a2f7Fm56fzLnenj1QrZIuTe7n37ky0nwPzONp0EIvXJbpxm69P2Jx5EBUm69fWw5BTvfHE7goxvzx0mIviWsKzrGfm59CcUsW7l6f3ePCoPPSgkineefmdz14DgQAAr3xfpr7zR41nyCFrgAAn/9BIxZ32h+LypH1xRt1/kqS7Ngsfy0YYvbfDTpXk9b4Ye63r1F13scJp85gmGZ0znCRZnwFN2D/94iC2jbGwe6SRkiz7/IspezXKhmLKRXo0lIcIYwPoKYtubQAHy1/Zg7llgMqrJ9XpRNLSkZZF5QlSo6s5CSg3/NtCV9aW3C7jkidD1oF0uuYBwox7QvxVd7ogRhnydFCoGfx25Il9eT2V0JSfgqRVE8Akmg4XdtJ3WwVJc0lozYMbwZUTrWSGTY6B7YNRwkqqtf35bUWSv1Gjwgoo3nZecUlAmJhEqws7kjl37ZdCTAX4DhqGXkY6RylKK0kRLZbI7g/9MBbdcGoiiJVFUgweCQT3oqRpSrrmJpLTmJIrsOnx6qLIzwc3ITrvEI+rEUygDBtpj1qERil2HcgdEGZEmbBFFle6wcJI3rcTSZrVJWjK6lIjmDtQpv7Bo/+jUu6pKLVVrOziC5Wh3jZeOPM5caE+sx197poSTi29C2SRQX3aRobXZvKpt46z0vGs3fyqwcy3pnZbMt8rPKR53Ym00SjMINiSAo1RikXLhakYVXC7qBqq63KTK1e8bTrgTcMeMLov228E1cWQZFKcDRVPHT5FstEKv6BdD/fzpGHaJ5Q4m7HE+6h+5R5ho5ah/KHK5ev/Xg0OSBMK8/tRuQ0ZzDyqboozi2b8vXmIELP98EUOHN2JolvIcBMG200C/dEnEgqTSXzHdDkzLdlzI4qG8aPXsILkcsPP2/UYmzthB1cVPFr46oUCTTJMdscevSX9l7am8AdR/ryLYlVytf8dsOy+IYledOl7XGrKXn+kMQLPqrlGjtvJC8o0sdMGHH2QErdTyotLkNzhFHapRrLHYGL1QzrlI4ix4cKlUs0xSXAiOL6HLRkaYD4mbipEJGYO19gdGEbWAHJC6BMpmvr9JOlmuzXyBlRsQUZZDPfMAK34jsa6xYnG8UMY8BfnYvU/ARoAmyiSFlv+KJEc66Sb0iIjspSAqY6LK4J7lf5P6RU2qFUQ875lGLtGxbHEMN9uU3Pr3IkqsiqPKKq8GnnKChsgTTsJyO141aBavwuQRMN/1O+5dF2XvVpzHzCrBt471O6v731mpcmpE9iBEDdUJ0TE34IKJUG15wjyhREhJTMlJVRBiiXSwUD0SBWSJblwJqcKKxADXZ7hk1Z0TAXptageYUb8PqN74qpC62QeC1GWBabcRBtczNwQr6OyiUidpNMbTh67FhwdYW82v4g9pmmQ3qdAfqWJtq+Se4Cb8lfsXhTgarHqXKXdGMMO6y1UkAq+eR9vuhKEUSdl9dBFkYdOThwEr5unrgcMszHiHiCdJ2g17NepKL5NPkVOhOFr6AEkBQnrJjxR2GmN/RXWqqX2qhXkn6eid6Txb6d9cZegjEequrLcJ62ohbFDv7lmaMlhhTcpwwSXhLvSRqziMZs4ucY1BPPLpMcMcgsFXJM5VTTQxYLrZAo9Vqfq9wLJndyQSngiJERUYPKt9xeUHNVjTnPdyTZzkK2PRIrJU1GGiPEMuoP1W+UJhZJqlcKyl0yu0VTRahcGNQ9rkjljgZYynrDDlEJCyjcQg+NRC9n72sx5vnIuU55q3/mpJu1H4jcXuwRG2FUNq8dhm3YVng4MMHpqkPGGj1t+CUxsigNqUAQeU/k3+ZLIi3YQktRBQJhzG4/IwG0E8nHyiDjIbwQDP4CI/xPW8bIqpCkcSNt7uf2R4IkGM2ouIWQ54zNN53LvXhEoQzR2uZkDx/UwrLBHm9s0fOTgRboJifk02e17aChtwgVuCeQwfHWd4v3SLj1PCfVlz9yzxbVz+S/H3Xvrt7W/VL2uY/NIgvY3ha8NdoLqoXGxbxelgQn3PMAD06R/1OPPZCGsVzGX59o18i1GKCjraLs/EtYkI5gTZ7uOSWkSUEgoxjDmhvvc3scaiptZVpDnGDufKGFg75e25lvKLn0R1iliIP+mv9y86S8FbSq9qxZxd7m/m6aaUsjIvumeInpLBYb6rbIHT/ngzDyKcEpNQ2EItITEc4UXlV0aamiMHoouQbbNri7iP5Qriq8D3kufRWmFcCM9xlXlozrXMliY958mLzxeEuxzAFXru1grhf7EUURpUCi7N4X/oUEuZdTMqOp2e/zIMYRId84nV4cLxDJSJQwd94kCrP2VJpXuoqmOS8AbE4IuIIWNMYV5DvOaqNsa17gsLSVZR0AE+StQIYrkdmyFBU2IWQHikwC092p9Z1TTjqDSEINbrROezWri1V17iDdjZHU7SKQ2O02o2mPGYwcFDtRX6bV6MgJa9QxoOvD73wQ9HJCdjGSggcMpKwVmgPjq11/edpU+e6lOUWwaNh6lffdh7KV+fqCLrTZ/aAO6PbEIZzU80uEkxVoHVTJioq854fz0CQUkZHIDVVeIkEjQmX3ECrdLCbadPpKYbDQqzRpYLIYZHMKY5o25mlYMUiddjyuXD9ImILm1i5oQejV4CCAjVDLRaJ5II0gcPdou8wYKU1bXpGz44rnRJhWRM2azIuYZsQted31cE6nHbeLeT6JhCraxMYyQrgxjmkeVHk7K+oMB8EzV/3BPur6wfO3kTGrEhj61ejOFbfCmW2E0w0rLuHOwnd5WQCreJzcdPC3j8sqw0P0bP5W2mrV/j1epS7QXOxbHtMqzn2PYzwApkCKWbPAq6LYz0Uuo8i23vv9BMaTZwccnippnp5Cz3AY3WjW32GetvBuIm4Qp6KHeKltL30kKTMseUBLWsFCuQxgtUzYomtUhrp2+3o+IcWIIVqmqwUPA9AVdOYtV2cMydBqwiJcaU/B31CR+eDvOFAdfgL0S54MwU7Clf4erCdf41IX3bHEleNhaSxo4IJszwX/oymAh3Twn0pe/a8iQFSBxAAZUxT+WKyPNUmKATQXjR51LjEuQ/iUA3yiSA89Yez4wjL5ihz+yvcaKN5XFszeSatT4CNO+Y4VgrToO4vfrl8ivkmmUEQsVRnovJeaa/4ymdG2yTYVx3ixKr/52qbAWNhB8krr4vpyBV4RukcTbze3WO/SslZmLs3hMboGxwQKuJKVlOkbqttLohcKHk/l6BZwJQv/0jW8/MgGmbdF0Vj+2keqhCgRWaRjv5T6Amyc6ZnQyHtOJpbvakDDc0fJ+ttJfL/IFc/mpxKS7irUcS7bidbkVsLdFuKxwhHUf6TsOFlYSTdDr8qjOGx2J/3YT+FiLPFWixgppW1kBQPJecoHMmEhegdpxCOekgKe+z7BtJHKVNEmYnrApO6KGTunjN0mSwCJzwq8ktNoTJmbTwOKNpwhd+v2wJyZ+J6zIx+h99Rbolyg+p4eEolXB11P23VIzv25LUuW0q1Q56YddfCB3m0SvH3a8IsCoPGP9RoJ+pzX5EWJli8fSpnlfkY5idf/6SZm1cS6APibsVtJgIJjAHXtOz3aNGU6j5H11vfoZmCw/X8h1t7Ji0pH1G7BFioN6omr+KFurc6YWjOgroBjoygqLw295GqiKkdwNY2MdgDi8OfygJkGoHqC36osqNFljOcpE69KfkUpdgaD+rUYje3Xuk0lGp5hBcvOS4Zsgn3GEdWwFeZXiKuFJ27I19nVGzQ8cwfdsVoHeBszgPpNoS49Bo9giyxmG/ZvWwVvaRJMTB5rVoafW8kXfVllxVjVvWR5rVFA1n0DY3aUowG1kB2Bkp1qAbp5AqSkOx4O9FhXhacPr9DiCbWKm/qulHjoMK6KzcI7zOzLcwkDQ+Pn/RQH6O/GvGfC7e07PfoNGle9lza2oecOWsFy/AvgrJpLGNUyVZ7qwMLNbyIDpq+c7ljC6u40yN2pRtxnlNNMRMx6IsignubPGYW35NQhLcZS7Eq/jytD3VqqqgUJHakM50/zOGTS0eVs+eMa7pS5uQN9omq9OVsgHbnFLCtoHAtyHWVRkoEykeTM2tI/huLQBl6lDBe/38Ukpnl6zW/KK0mC67EBroOy2SsxMcn0PFLZsNJKZng4ga7KaXMB5aJ6PG2Dhs+mDxt0Tavay+KwB7GGpus2NSO93ivtbVL0loHLM6D+17Z+vyQY9BYe2m27FkDN3KwfsuLtdOEpZjDbDWoJNbtUejDEOZAdUuhwd1X3dM97KyKqtOGMpT2ozy9xX4olX6TIQOTeAKYmm2GaodDt6OCTAfUOkOiiAOof4FyP43lOsKYrEDR8oDBF5dFFa/5NZ9CgBKD+lMIMXlXJYGmPXeUB2T49P0qi6UC5KCrqDrFXkizqMBC4bzC2DeqlPiFwPf7UZUc0/Aq5UtxSSBcNfOzbWI1uLzlbBRy8WyOS7IEWBikeI3CqB3JpOQOSUxQxhVVDyrzzjNOHOJPglSqWGnC7iyJBJW1WYpwJeSHut1ElZfstuLTL0sl3rrYLoC4Qo329nqX7Oh0sza2uXZ3tlgN8/d8KlccloF5Xl0Ykbd1jDsY8MTNf/0pEqu4tF26SQRIgAg/XdBnEde03NPiDvbj5ZVIRWXDTCTz4yHueF8fHGum76vaThuGsENkeAs2vTQuePqLUWQPs+o5MqRnsv4l1O4U6Rfv/jIelPB2wY0Aqgb8DV0QuX2TNOC34GlBrZPvi66MQMAVfx8mAPq51mKNrFK//P4iQJvqIjXRSqOuWxRxO2KA2Op/2Zt2O8/X8gM1k2HAOVlmJF0chX3hJfocoeuPdMxjDZ2HgJVW4EzCXoqUsfp13xhZQjsXhyC8tf28f1MqbKenQK/GLSdGZfVbOq6hUMJhidrRl0qp4fKlMGEGJPM8UeSE6ynF+NzS/U91xtqcFVN4z42LrriqYSXjxDpSgMITy8Hw1L7nxWXE62YE5Ffyc3kXfoxtRgKZEveksGR/qaBdiVQjtQjX9DouKHh7XqymlRG7ya6qnzIx8Ikp4ftHDKyakDhZkC4HnFjOxZgALj/1cwmq1ibmXopX7vDuuDPc+Sj0Jta0F/66G/3dDXc3zkt/y1LLb+YtNmhseKKD6dlTrTjv2mohFl5r3qRfs7peHrvWrvt//vO/jJeg41JYI6u589pm3r3paULcRAOD/kwAADa9B7SMbWY9aN7p2OJwCc6tzI1A171LkTNcoV2h494Z5+1DGwS9djj6L4voRB6A696d7uZlzf/HalnH3aTQfXdLNDwDKJD0+Af5vPCjAZeyhoXPoj7/Im01BBKQYalcChACVYDiMh6AtpkMhjlegcQGWqFnlWywq/QscHJnDI5dwGiIJd3hFaOoAojiPJw8QgHTeBQRk8V8ABtqJCCBAz0IABTKlGTAgJpOAA8myrAiyARJoJbtgAAoVHxiBtsoQTECZooAZyFJNYAFK1aQfViChHunmuBAfBgmELI33Xn3FKRNZ4+aG/oBlh24jLNmLN/NqUILONtu0cj57yii79TmloR2jqW2JPpu0lCU0a9LOfc4+AaPrG707S4YgvY1pY5p50qJlAljzUZL60YWI7e2QNdC0KtpgDjlrG9mUJcpslvRT87yRYq07xm7FK6RtpW5SViQzX9sBfcslDOUl451Vk9dn41pTVrmHBW359dfkssdsMrvITXIyctckk262Z6lXTOPXNz/J4DzgIqS9J9XmSKzC5iS8ows6coZV4t0og7lNDFnZs0TKAnD6m5cHmc0lqgNdg0w8yEOAFjLTyDFHcbF7p5/vneDDTUvqcQlIuSN5HVmcka0kbBm1K5M2efcnM0tQy5rNxvMa8+b1WNdIzLcLQqYFVKP2QTZe8aR1wZBRz24aD0pXCzrCNcnakJwgme6g8WT/bDrA85Mjr+d/SbiAqvfEGq/YlkiZaPsJWu4sTO6fTQvbCGUOeO/zbQjsFwLcmynge4pAL4PaXvAxuH6dbSOjJQiRhjWGQAa58rptKdjNUSCB6qlBo+uf7X3dYjobfkiHhYf0R3bcXFGSFVXTDZwgKZphOV4QJVlRNUC6YVq243p+EEZxkmZ5UVZ103b9ME7zAoAQ7AP0nztOkBTNsBwviJKsqJpumJbtuJ4fhFGcpFlelFXdtF0/jNO8rNt+nNft/ni+gCAwBAqDI5AoNAaLwxsYGhmbmBKIJDKFSqMzmCw2h8vjC+iB/uSmMrlCqVJrtDq9mbmFpZW1ja2dvUOvPxiOxhOCpGiGBRwviJKsqJpumJbtuB5EfhBGccJmc++ywnUzbbsZ6LKx/D1cb7a7/YFPRVnMLKxYs2HLjj0HHOIwRzjKSZwMRyBRaPikcdzflAKRRKZQnZR+dWYLDCwcPAIiErJyFFQ0dAxMLOwXcHAXDWwKThcRk5CSkVOQgJfVKprV0lkJ/dthYmZhVcnGzsGpSjUXtxq1PLx8/OrUaxAQIFCQYCFChQkXASVSlGgxYsX5Jl6CREmSpUiVBg0DKx1OBrxMWbLlyJUnX4FCBEWKlSB6C4EBNTFVpbqVrFadev5pCI15gr6BPbM/NgGaRH5mk/nnIsDhCUQSmUKl0RlMFpvD5YEQPZNSQ1BDxGlvvfPeBx99Qgo3vv4icA/O0AREAAAEbuABXuADftAMNGcckq3///H/CxJIFBqDxeEJRBKZQqUBiM5gstgcLo8vEIrEEqlMrlCq1BqtTm8wmswWGFg4eAREJGTlKKho6BiYWNgQHFw8z6afowoaWjp6BkYmZhZWlWzsHMzUWvWShc2aX7yHl49fnXoNAgIEChIsRKgw4SL0iH4vosWIFeebeAkSJUmWIlUaNAysdDgZ8DJlyZYjV55HNTSu6MdTgqhUmXIkFSpVqQZ1Nmt/LetRUDVoRNPTNzA0MjZBIFFoDBbA4Sm6iWEyhUqjM6iqLeS+3OWBoAT0WoUioJ1DYXOduj37JEBVx+zUJz7d4/B8VkJwS3jgH4JHxk9SySeM/OPwf5v5B4iqCSGm8TzmPJmylIu/7yUVnl8wBdcpUqJMhSo16jRo0qJNhy6MPRBAPU8gjaOcTkPHwMTChkAE/UPk4RMQEhGTkJKR2++EXHfAJ+i9VMnGjsiT59HdgaoaBLCCUHUnE+IV9BNFiRQlWoxYcb6JlyBREvYOSO8AiNS49L4ZxDyHKlDjaVGOpIJ+p6DaH2itTj1KomHGNbW3aNWmXYd7N/HUPXr16Tdg0JBhI/LVEOFMDWIEybnxFy0RBNkgQcBdDY37tf7Hhr8LKja3+H+/+bv27Dtw6MixE6d+6zG2A1Gny+3x+vzUSB4xL3UG0Ap2WDye89JU3Ux1PR/xGcfgOGHVLFhecdfPpnMsASkRl8cXCEXiw7sxMrmeFvXpsVvkqy231KnSU+SeCq/vhLq4hpNBCNbJokjliCLrZTmJwNmHo/EEI5CSVxMt4dai2NXZCQ2jbuXZDa/MU3e+WK4krigJz8i2P5Ta+phrv6yeZMuyNQ+y0WRl4rckyiha+15z9S3+pMinZ7Ab5gn6fHoYskEMjuH3kz6JTKHS6Awmi83h8vgCoUgskcrkCqVKrdHq9AajyWyx2uwOp8vN3cPTCwgCQ6AwOAKJQmOwOLyBoZGxiSmBSCJTqDQ6g8lic7g8vkAoEkukMrlCqVJr3Hzqzi0srbAGH+Otnb1CF9UbTANPIJLIFCqNznJNXFA2h8sDIb5AKBJLpDK5QqmC1RoAESaUgfuw6FBctqP+NoCLzmASJMVic7j54JMvvuMESdEMy/GCKMmKqgHSDZMMizk9sucHvqLbz4uyqptW0ud8n+YFACEYQTGcICmaYTleECVZUTXdMC3bkRHN9rlIn6QNUUb7vO36YZzmZd3247xu98fzBUIwgq4g2UCQHG1kOZ4qmnHj0KkgSiDVnKroBqlYmrbjen4QRnGS0lT7i3IMTRvSz+Zo4IR93Zns9odefzD0OZJJTuwdMCzgeEHkSzpwiqrphmnZjutB5AdhFCdphgOkVNgRPC4gsai1p8oj45oN276ijpeUVURVDXUNTS1tnfQ9vD3hJ0CQEGEiRIkRJ0GSFGky4tUc+R9vFSlRpkKVGnUaNGnRpkOXHn0GEAwZMWbClBlzFixZQcLAwsEjICIhK0dBRUPHwMTChuDg4uETEBIRk5CSkVNQUlGroKGlo2dgZGJmYVXJxs7BqUo1F7catTy8fPzUTH0RAILAECgMjkCi0BgsDm9gSJ/OmTCBXeLNpmGUNpsItjlcHiGYQ1cklkhlcoVSpdZodXozcwtLK2sbWzt7Bz19A0MjYxMEEoXGYAEcnkAkUVPLpslMUSb8OW4NhPjMS5MiqqWP3lyhVMFqDYAIE8pM7vZcYa4Ut7yislAskYEaampX1rNeGtr7hyApmmE5XhAlWVE1QLqhseRy9JQKwZRciZaSq3BKonBlXMcGyjTrgnLg6wKMoBhOkBTNsBwviJKsqJpumJbtuJ4fhFGcpFlelFXdtF0/jNO8KCNRkrRG2kZUbcuAoA+AE/xFu8Xxg+FoPJkKoiQrqnLRO8C0bMf1fKqiJgrp+pk9kbxEJ4rabHd77a00+4PhaDwhSIpmVEMrOL60RUlWVE03TMt2fNPssJAgjC6XsnyrywqzcMlgnPZrxixq0yPXPsW9h47JwcnFzcPLBwjDCZKCI5AoNAaLwxOIJDKFSgMQncFksTlcHl8gFIklUplcoVSpNVqd3mA0mS0AIAgMgcLgCCQKjcHi8AQiiUyh0ugMJovN4fL4AqFILJHK5AqlSq3R6vQGo8lssdrsDqfLzd3D0wsIAkOgMDgCiUJjsDi8gaGRsYkpgUgiU6g0OoPJYnO4PL5AKBJLpDK5QqlSa7Q6vZm5haWVtY2tnb2Dnr6BoZGxCQKJQmOwAA5PIJLIFCqNzmCy2BwuD4T4AqFILJHK5AqlClZrfPLZl9Ee/l9fAIK1Gf3/ls0RGAChWX/LV19UwXcmwIsridnYOx58JKDoHbIPSyvwqhBOMtlcVTYQPuU9LHENq3carmCxOVwepc6erHXX1FzufL5wBL7alUIdEyw2h8ujKrdvTe4eyXy96De5LD0fLdlA8eeUs4QjsJGsRS8hey75NXVRgvLQsyVuGb3ol5ZIpXCjxwAAHnCB0s/tUcuhOUFSo5SrxUIEI1wjKznAMrqKa8oiJJOt6yZN0wxzmAXVG8zXk1VRI7Shstgcrl7O9Or1qkgA4+hgI3cn1jTVlyKPhtzXwkxm1sPr21BRnPnJc+g3BSyEERTDCZJyl+awHj0NktfR8FmKk96xs33h4+gilxw1b2+rwZUQBEEQBEE9W2pLGTGdkyw2h8ujytK3NTUbfjWrrjUs4hsqZUdMtfSlVaPnEHy1XmZIUTPeM3WkbtlCci0e6orXu0EWm8PlUercyWL7jL7sZbQYllsfkwBCMIJiOEFSNMNyeikAIRhBMZwgqZqd0RPzzNwk0P5a5Iihay8aPW2GIvvMrIAte064rBgnaS/IysEeKS2492i3KbFSVS3QmmlvCeuwX81czYquF3OYBZX3C0s7SGbV7E2pHI6Wel1lH6mkZmLzWaka6fVJrqFjVrvANRG2lOKBLhSq5r7CPO8KdGMrQOig59p9qUqFxRFi2MMuxEkmm6uKw8s9Uu2lPA2CIAiCHN4yIhZ39Crxau/04+httc7a+pfa7ers8ZAu2QKFfTfFqCYrC7A5LkIYrbv6FrK5Y29vfBg92yTXkGvKQkaXBsP66i6KcLJGfczOoa4+54xVLdfURS10schVtcPKgxo9Xwst1pWzZoWk3DosrqUupBhdOgz0MlCcdNdiga10CzjJ1M5zksnmqvqhl0hZcqvl8srdAUU46ZkySBzi2lv31tVvWo8rs9mbc4wuvjGqBktxcsRu0uO6Vy53baCbgqfum8pi+5yFR6mpRbq5LiJBHvIqTVLzKO35nmfX9REMQ99W+7o6zrw0A2KOPUC33Zma4DFYYwQ3yDmk95VasbX1V4zBZ6O51CpZWnv6dp9SoEfvXnIOi7HXtLPmopmya+xi5Q3VPQ7DcnpXy0VBCEZQDCdIimZYTi8dQAhGUAwnyNHa2iI7gNXKMRobkPBIGTHXkhcS1lbXmR8nadZrLxyzXp9ykv2Fz2Fp04Et7hGMWB8Czov18F0tFq3ej9Jdbo5Z5e8yWxdUo2PkU9xB0lWyGShO1uxYIW/KEh1gsDh62YvDU+cQIzxmRdoKEL7sOZ/tt3srG/n3b7//d+3HMzF+67xSV/T3llTZntDNAK+O1WtCFW93IJZeQ4uVw/W6UreactgwUg+5uINZVznxEdrwgdbGyu0Bn1rXxNYLox446gWpLCqHE34rz11SLRzGqz6ujZcUjzsst/1IqbIWfs9SnxTvSh29sPbo5YVgHDwPuqi9FnFbxYyUzg3VC7NhBZtTFTk5atiyRUN8JTZTMUcOX6omhDqrddVCr2qaJVZw4AWML4cHWJzR6g4ACMEIiuEESdHrYJsb+KghHG3c/IFYbZGDLCnzJZ59hmrEqpWbt86HapFNFf3S2oEhyEGW3jJ+uW2C1oOjkMd79VgeCNFswQ80ywN5NMR4NMQIBovDoyGmR78aABGGK+T23n4hV7xi+bWmJWbMXjs8GPJGLZuqx41XUKMXBS1NV6hmwIsh6UnzfKyPDFiJj5RGxGj51beQw3NblbW2E1zGKBCMoBhOjNZVqztopGpE3fSq3mY1KK/uQoxgjL3s5cGS8CvBdQN+/LldLnRfGWHjcNfARzSF64an3gw8dTvhkbNWdp1ilYe+olvFGVNKuVMKrF461ikYwQgXPLDCDoxgeMEHBIPF8YP69oiDLzUWRszsH9bsrFbUKdVKaEPFerWa6cDtfNRvpc56svGP4DK/E1t2yfNpw33jnGqynynB8MLKCL24lw9rpVSIAya6q0Ls8CpVdiOVEFBe6MVM98BKYo6UGU/Y2y0ZCKHLAhgjpvye/Q5u8dy2SRabw+VR6ng7a7LYHC6PUtcsHht3WwI8SzDPjhgJ8SpRZGSiqyInhgM7nAJeEiOyrQWXZYfLgiZIF2hNQG4QYnVBL1KibAMoooeNg3DZ4CAD+G7wQgoAAAAAGpIa4dhCIcJwgtTIBkQYTk7jAdYEI9Jj7VlZqc1w0z6wERBhuGLz3Ji8Rr8JhAjDCVIj3DMBEYYTpEaOMJysVhLKSIh623xxEkCE2UmQGuGZC4jIKonWMZ6UPucU97A3OQQjViuA1rYCEGE4QWqE7zxARI7aYixXCSeme2AbIMJwgtQIv1mACMMJUiOfMJycxh1kfHFGSByJ8TpZZJEOB0dEB1eMZLY2CoP7OLYHPdHknLaLIc0JVfBLIUm8jeYQC30hTkdnSpAMpY7YME5NVcpytZeg8ldKSrMXnPUMki4COvNvmfQgdGmjJjsdPlyYtU5IstkCzOSCqCjreKgqewhu4nsU97HfDgaCM+3shhmINcRguANTPhSyGZbTywEgBCMohhMkRTMsp/fOhAeAbMJd4BpdbkgmPztHzW7fkTcLN6KytVOsLitrb2pPAt9/U7yCGY3fHuf7tB/v+7wf71FgXJe4S0QvfKIMNaGWdyMrhEiPRKc4O0MYSpl596iqkH3+AL/42xN6LO8h+kCcfRDCT+h9Mo/2FFXjqSjewfwImoIgb6KQR1lOlUywpNWBYvZcTrrgwXRvCJt0B/g5PHKNR0DRvDZ6sSDoZHdAe1q0H5wYVxLVbiTPdA+SidXHruAGdSDd1uEnt8ZQSLTfE5tn/I17zvYLTFqXPFnguYCfe9+LFOvjin6OaBzX9nMc/cazo7FuEUeCMwhTrxb+VPUvdT+q/Khs1Dd+rK5JBAj/w32p86fx3xQNW7lTvVFWtflqrU59B5SfhLcLSEC9piY1629j6gc+MdXovGBqZWF6O9TNku9qCqlvh+6mMX6wdMofismp5hTIA57wicELIzT3neCwo1MhMyxAMZwg2ekeCtsdoNzQdEKME5RbQMbrm/RPfKYHXb822IUgocrhs7AJ7fHZ4Yj1w8puH9AJH4QAEIIRFMMJkvXlMMEMivaELEQxnCApmqld3kJOry8QhGAExXCCpGiG5fTyAQjBCIrhBEnRDMvpZQEIwci4fajPVO4e+Hwu8DiaHSkb7bnAigjZBhMUmPAOaDlp9wSDk4V8i4ofNvP//eXPX1/7jb749PN/bI/Jv+fb0H8///nPL7/+cEE9xxOvC52a9fX+6b8/K3tO6a3D9872Xefl3QCFBngIIWtEkCYwMK4K7KTAWQ7GEGkyzZCgue4FemgCgBCMoBhOkNTcZ6IlsDKppv4ByoDunYRvNZ7emjtiKW37T45LIBkEkTbFCdISa09FKBCWUs8H8j8TE07j6fpN6fXTh4KnO8dIfUKP7Qk9oSf5RCav+Ccy13N9jayzX6JHFAPZxZpD4OznLMh56i4AOFMe3NBqtn2ouZPfFQBfJA8LYXg0PQ8TwSnBfHDh+Vxnw0hgaQRsBPkxemcX3DEFTJ7z5ruwFQZACRenuTe/iNvOaYrV7t4GnCApmmE5vRwAIRhBMZwgKZphOb24SgMQghEUw6d4KKoZltNLAxCCERSTR7xMAEVpQVI08/d9SLkZ/CQUiSVSmVyhVKk1Wt38wkEoEkukMrmiKuL02kFACEZQDCdIimZYTi8DQAhGUAwnSIpm2Mja7WBQep+ecDr5kAi37aSgT4uFzgRXVaxMLLB9410Pe1LJhNlFBq3sbml7DJBbcayLnwWepugSShaFlZfExHVYFUC23XbQEjxupW0tZpgKEQTr5G02iWV/YTza3YoMpiBjLwa/2/l+B9blTSiljrTfF9kcR8iz5qXg7LsjQy8JQEiawIzuZoTEmnvXKGY6mcJFw5JWLFV1U+ImS2WWND6yHm1/KLJEU0fbNPTzCZJr0HhEDY5NUjyWyoYL4YwdLYt+8dSTGilBC75NpwnQUIpZP9KfN1qgf//486udxPLKmFP9bcVy1TaKS68UE+BOzyv5f9BH04sxEhgDpCAwY+45G8iHuEd1eOjx7sTYzTbPEALY5BDCKQyL3IUyuM0TWv2J7sur6Sa6xKlhr04FMyxZdcaXawZsHuCZ5C73wNWpvVYVVq01WdIQND6gaR3QMD0ZmkqpwlxxoEqzCoBgrNQ0gTnnCk2NJ0mjQ0AQ+cDSdFqc7JwmSvdSrEd18cFNjtr62Pb980A0O2CfvIO8kL+G8Xc7ThZM2G7vYm5d8RAFp1hSmv6oG1p4O2RntC3oKQaJG9pH5sKS0cz56KsH2hyih3rLhV03v+xtFlvu6YaOIL2n3QVaSOHQKiE9cwuCnyFXhBwHLiY0x84BBWc62Ro6u+MWvpFzQ6phSwn9MLZW+qpu9/OZwdWeoTGvpDZXikE4mCUADCV5ED3hPeR1a0EcHjU/8oXbN9fJeFpTcrvRGprjZOy7E4vay8QjyHmPXrvooxrlrCsmgybai2SogmeU1gYh1ADJke/kwbtOhcSI2c/sdVhuKtkmbpmxgbXcmN0jvxufbxeOaJMAEieHMgUh68yLOxOarPbEVK0UzazLfABCMIJiOEFSNMNy87uYGEFSNMNyeqkIwQiK4QRJ0QzL6aURjKAYTpAUzbCcXjqAEIzTjDbm5TqhzKcYTtAsN7+z62Y4QWq4uM1nODe9C1/nACIMJ0gGk8XmcHmUOhcQYThBMpgsNofLo9R5gAjDCZLBZLE5XB6lzgeIMJzg8qi5L5VPnW9zuDxq7ks7MYLB4ui9akqdAzi9HwrdLsXSer2GSvGQ4uY+E9Bn5FEVI+z3CJXlVF8KIrpUACEYQTGCpGiGrRIkkdINwHA1GztxcXxwprz0YTm9DAAhGEExfI7TuHd877xzxejfLt1DlwARhhMkg8lic7jTu4eitv3qRd6oNQiJC7g3a4bRZj8br/3lZf6xnOhYuCyVOfdxdO7H0Cv3XgAA);font-weight:700}@font-face{font-family:ProximaNova;src:url(data:font/woff2;base64,d09GMgABAAAAAFSAABMAAAAAz/gAAFQWAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGYEIP0ZGVE0cGjAbxk4ciV4GYACDYghMCYRlEQgKgqVEgoRnC4NaAAE2AiQDhy4EIAWHGweFbwyCXxtyvDeYmzpqBPx6bpueqOibJJlMt3kKdAfG/UWKBEUhKeE8sPj//z8tN0QUfXoAazOwke3OgoqcwCFlwiahEhszg3emmFssYaiygzwnJSOD/ftxpZbfBYutwTS3sBD8kHIlFi/iF9NnHvOe44fQ+D648ELdBVuNshI2rsbgJoWGYIQ54n6fov9jj9yH8LeYKTJJFqqwEdkQXp39vTEoRA3B1mD3k7obnRDjv12kcdlOYOWw9XnXrfdxi8DGZYxkJTl5CYq1sB7YvcszO5YARArBpaK+XqEksoCKWAX25/lT/9z7FKJJlVIpnUlBtUIrmHbMnG0fZMGBSjyk64cwANuUTXQVZmNMN6UUFJEoCwRBsMBKwEosrEAUdYrRC50xZ8XmdOF+l998uWpXMemsSkLOIRAIBDSmjR1nb/ac/f8gt0nw9WnyQeiy9D39Exd7dHMceBBG1jQeBijNGfYX/vu3Zf4W7PL4dAtGO9viQYm7Rd9EmePAzqJ3q2qWTu7YkYP8G2NanGbK9pCTOHHm3XUttf0xwwrhYyh3MfQDC8CfN/cOO+E3TqInlVPQvn8CL+JzQ4sHK1bwYME6s2DdvFixzkqwYHl5vIl11tc/p31KtlzULD1JLtvb17+nuz/ntMZBAAuAoQFoCdrJ8LvUlVYYPa/7z+rlR8sHgPOEkQKMFXqS6dOlDe9dEFuGpgT8X50pWZZ9p68fnOa+nd5OspXEd2xHga0YR0vcMXddAXADxLiEw9Spr/+nqq44UXRId2iyt5S6xcPYp5Q+LK2PwL8DD3cHsEGSCUGVciOZQpFuhSDA0tzqlDrbW9JFJl12StfLlExTxmSYsmYas2Yds8f//zXT5p27xVH3rKokUCPc4vFFWaO7fyZ4z6SAv1N2aVyJkyzMpoiOhEIFQMKQkp1v7tUmLTvGa1n4sqqqU2nKfFciTAFx9Dww5H01YFCzm2Vhxt4wCK3m/7+pZnvf/zPg++AGgo6UnLv1Vg6nB5NTWYH/A5zBHwAc/BmmGUgCw8oQsIECpQ2U9iiQtMENMXQOuQopFY1P76J10WxZufRjVhZ8cd51EUHRpGiuPd/t7XvsbFsvvZuIBAkhlOAcQhDpm993+VtP1dgTnS1GA8SJk4YOkNX7vGNsUlS/CpuMNA4u4HuVzbdXGcN2tFivvidBfjsBzIEmgC84u6XX3NvdA+Te+y7Ug/qsNHMXJJ8X39IJ//D117sHatAAAWPhQcsWAgI5w1f6y/t6q16cr19qKJ7+7pJnPs9fswKw2bdIJOQc5LwLCBcVOV/4OkFCcGmwnKe9LSYQGSjg8ysiv3/drQLvecxCDYiOopdQmnUV3mxrrD1OLJ9K24uud/JBmCr5EOpC+VC3MvlI6qKBozH6MH0BJdg1LjrH3AMsjjmMJlGhmBCZL+YfN35tTuVU7Yq+1dkaV1p4wKu6AZrY0FYAzgokiAdjGsMfiGnhY3hlDIT5orDT77Y+8lC4MwK0rXblejmD3K1HVq3Ic7jGy04b9VrrHe8dIx/bU5EiD5PU/FECiAWRlDU7BfPHkItHLjGFpBSKpFg2Kbmk5ZGRT54CslRSoZpKNfSzkiq1VDOHuXZ4lNg7ZDlJtdNUOxdmcfPg8oaF7riL6x6FfBT67EVcCAebnJ+YpakcmMpRKcX05uc6NIeTYEonizLzJCCdRGCPKSqRABEMhTkINxduaPhDFDEpr3t8sII2XEOA4ayxhSjVgISECEkAqmsGQWgneK3g2UHUlE4Rnb4t9v7k1scTPYRQ4B3n4OUyClfOPp/3za8AyIGBS1TbMR6FoVQLjNJJZg9EumwC3JBhEdyuRTYF3ZxJt9eX87XcZJ5DrllrXJNn2xG2Xi4aasWC0Ry1b2ib5nmlTWq5YvUMs1hlrJbkuG6UrkoMjkQi87oMfBzlMFLeMIK1L5EKZVtTvpEm/OWxeN2qPIG6t6ChoqQjTM2hAM7bjSBz9lhfzksVgiJVtikIMfgw8eJYI+peWGptyay9lqWgVMexqhvznSOCjQlQRdH3w9INmxKslxRYcpPXiJCnNAbxKyzm8eisUQVzcKqijsDqw7cxO+KCTGP1zo7ISqUyjMxZzoevlPRI5IFeiB97fxhbWFHRJmMgzOe1ieW2+C1uWskm6W3r0o1z3KYUdfgXuSiVdrqSSzEn6GOGPaZ82UstMjAA3+SeXRaATtlilheQVPkcx/kU8qHaK9gwSlUsIQLBlYOlAHG8mKLe/bWRbs0+E5a48zRBVJnDBseEBZCAgrmAPGpldg9INTyhj8iGB7orbZ1aqDjO6OECFriBN/U6YK66ElNqWV4VhD2porpgKgNzO5luDMagw+VmxIX0EPtMndHlfvW9YDdsSMxOyEt7Iwli65kEgChVVsAToxDbVt4/iBRpMCocbYBBgmx5SUSiQJ9VsNJdx+j7xywZnp/UoqMUkRhicSTEk5REjmRSUkhLI5ZORgaxTLJkky2nwglkAS544HuBQqDQY0SeD2MvehX2ehh7w9s43qHAu8TOzS6ALcBQhU0NLhPwqCKkmIhKYsaTMJWU8fyooaZGYFgjmEaWcPqJTELkO8lAomQKCRQKotIkMF3Z4CMaQh9DV8Mp5ppPawEVFoa1llshm55aBmYzUsvEbBVMV0m1KgaoZqCaSlBoDaT5YHXAbK3UMlNlPQNYlBpmkxCVnb5AQGC/S+h9w1KMmKC11zPbfmodptIRah2rBMThQLAPdgaInKXWuV2FnFxSw6NU4VLxIVKqiIl4xYdWqUbKsiKLp7uBxVicEUiJbXRoIZ4dHiEVIpVRoM6E/J13aRhko+BhMIau0nf346SCpNPp/LU1J3riACqbEN+GPFV0IlAotrutx/rfloIqZhUEsE+CBWcIFi0IjTTjGT4pRI14BAJr9TrLJiMRw41REBzqzRoJOr/i/sI6nY/JiF4tSBh2+ZTvBsPKv6DYRei7GnYCh4YYD8qCR+MGBLjj1qJJYY23OSXe/T5gjyugQeYYlW6bsesfAWzwxu1KDUFx0SdbLNGERG0Rc3kTyC1amrma6UGp8rBQZ471mqGYnatAgGhQDzDZClR3DNIU6xw0l5E8MzHEd4gNVClxVL3ctOpTkSqn0kEb19GjFNwJCwQ1voQFey3+g67nsfvqnAc5SigYzEIfUHAA9H3pUCYK5Q6kQohjj4AFwS/pX1XzgCW1EQTPUZylHEj2C9+kNu36cXZco2Bjdcsg+Kxy1cWCkUwaablif9b9B08lY3N4afEywutpC8bUAhJVHh4Ag7Rhn+HXMLd8tDBd+Xd/tjyHq0qGzOYHL4WpzjMFeD4ggcRjTHcQVYk1qrcnGsxwrcXA1nrlKC4RPCSw8mrv0U0BwU39YdSbQa5KKUbjf629JkLz0SZwfkKGCJDuDSCoHRABT/Ge/LEGokh/EWRd/18EUZRnv6C3zby0Fs3HZKRi7a0kYh7K5lTbJDKX2HwSFpC0kJQlpCzdmaZngMJlgAIDFtjggAse+BCAIxwrPcewI2EkjI2aQNhDoX1EjhA5SYFTRE5T4OzcBCwGY1yK8cgQdEoJTUwBCRWkFAgnLZJq2RWEvgAGAZEnlYCkQVtyLSQP15LLl1y4lAI9T2OlVGtFDswAA4XUYBQZhyUPwpJLk1yI5KgECQUYCMBAABkExtSj6MzhaAvqiyyxdARwe+SNTO7DlapUq7FSrTqt1gfz3zti1JhxE/bY54iTTjntLKwZCWwtD8YGCvZQfXQuhhZb1kvg6LgR8XiHyjJGKwpClJZiNBAj1XHfGeHCldMulOvkRhxqUynd9UEmty6Zb70tTi25botDfTQHkj7nK61nw3p4cqkSY2FVqXSTjmiKfbpUvo+JisAGt+54W2R94wigZQipLhFXdQWhHb809cvTfwWndJEgVz35RanGaUmEX4mISBGTISFNKma09qQiIFJPxEKalSyHRfWT6E6KewgMcJlhCgZAHIeyxNgNAVhggwOueP0mFRghhko0GKCSCoOSABBSydAnOR6kQkIcliAQFwxQQSUV7iQHHeRS9Y+4A258yFLjExIJOUmkysFF6llYHZYfHdjo/gvM3EikmJ149DbuREUxuzcemA1Nj0aIL8woQIgAXkKLcPEPBAgRka89ccxDXJxDIV6PI2hhHrVeNn2j7mWV/Em49GdhY1gtNfkew8129Ojj/8OQD6JQedqoFNim82a9PO8AiS7eyF15cDP2Fbv8/vbeUqqwlu8C7Mc8I4/4mv2NSH6O2twZZHDptfQCGVTb5vUbOu+S90OEWOR86x3mu38AJCodsKJQMIqgphiHGg+MVlbd0AcOLEh2BZ+HuSTelUl5smr0Mv0qd5BdZmCICDBQULBQXZVw/8lNuVDF8y3VPSe2oEWNFjVaJWdW13+SoQOtan8Wf5CxMhSUlEOq6kvVUyu0qrsTNaSk6aV6NPLtAEcJrhI5Kh3beD2zIDOrJ2Y/PdqwyE/bX/avTGPThrIp4xhwSIdXxUsXqF2vnaTzgM4NK3GT4uT69ClufDq2yezOf8IMFKycPp05rQqMfxNA1pFFUW5RWEPBrafSKci+AFyyLBDKJzg4acsmenFhT952MBAQIoaTsJoE3iVNBigV/+DHCGcmGIkHCAgoqKyIfGNc00P/Khv/I6BzhJGgHDGQdCXfsGkK4fgvNfN+zIN4zB9XYzgXF0b8saZY0qJqJP5k00h8/H+D+UugvjhyVQNoLotv7oHIq5L6BiBenHsRsQVOEWr+sWuAhfToTLJUB9Xf/Ko19XjatDtBo6xoi2fjQAg/9l8GpC678umczhv5V2mqrAaXKVFmaHy9OcBzkrMJrJUiMr8MEzZZYy1UV1DyqzG/RPKsTqa7N4hcECjrrheGqGvVhMrQqUrLe9czQGRZAdn4r2xlaRJFHlm0Z0SqEfuShaRFN5rWujb0E2SSJDxbrSAublmJkJr51YjmpV1FqeH2QQJzlY2NqRCwSQSeMW+MsqXmxcLBMMeKrso+zWusOLl5ady8vir769cXP5j661dMw5NG+9G1izWQYZNrXaIotSYufraqLCc6Y6UcElPr64lDusxXF7XFvoQl/wWcPIIGxDhpj80o+DkdPaKj8ggKOaT2VeCZi9nyE3ty6XbUSCQ4voJ8Cf7zcPAthvM/vOTigQHQ4C9uevkyOpi/UupNAL0IqG8GI7AJEqh350EDfo1wd0k6oa1aQwznASva7H/EiHV5Lu90J4yBaVAFNVAL9eCCKCyEcyG1dX8Wt/8I6ANAOxW9ajWYBDo42CN4PMzM//9OOMNs5ci/xXfRd8Z30nfCd9R301fxnfYd8kW+PfZ8TX2uxcYyRlujHSfEmmEMehGa+aflJv/I3OS/m/wEsFpu1NU3NDapbjaF5XS5PV6fPxAMhSPRWDyRTKUxWByeQCSRKS6ubu4eVJonneHFZHmzE7uyqrpmZW1dfUNjEzz8QFmFtKmtu6unr7f/1JnTZwfPDQ2PjI2fvzA5MTszNw+D567qvJ/+njn2s9QuePQ5wGpwwQ0AuPRWGH4rP1QAwGW3+UJ2PNS4fNbpunPX7TkMp9+FT3+c/eJLsHz1N+x6tLCqvKZWUt0gA7z4grwFcP79AQA38zkWh/ciky66zs5t1hf+ChJlBgl/Bol4KCjCIiriIivm2m+G19cR4lFFXvGGf91RVrrDJyMIhKlt+KtuiT/vUAh4SkfalAn1hKb9Cl4jmurULUQCPiLPtBCLtl5Z4IpZSIjVOmCROQ3DImUhKSjMhHG2R36hTxQFH/mXvmoJ2Q4pXRS/36GIz+brFlJi/Lw5FtKiHEqOdkucjtbMowjKQkaUwx+wf7nL7s0SUyZDxGUhW8B+Xp/9mD5RgERdCwck61sRLGXtP9q/hcviMGVMUfteoBfzNTgqpibRSaLip7kCXmr1/XgCXMiY8yRAiRcXrwEJy5ZQgtacL16NcbCnJFvnjWWHceWcRwK/zAlFBdTNl5/UTSEQ1zXxVmeMwlt7Qa88X2gBhAEFBSNOCQW3aDIo/LNkWx9liJS0/zKsvoWvKUWfl/niPX6Fs3pzkTOQhIv1QJI1Sbh9ofPYsGg4cJqUCrArf8h4+a3LuM0gJDtO74/nlIlLkCbpbJa0Xc+1pVoTuiQNctdlueRLAIFnaZSQrkAvGnSrANByS7MVCMTtjNNSbJc7BNpygSObI3ynLY1AbkgaOIf/KQFdRXoxVCdD8x28e45J076/ebgk8vTEy6BEfV6h5NWH3gtksDwOwVzXIK3cjOmuIhatKBRMqb13cJBbQR/yh9RuRvTK3bJZPG8MJlLRez52zYt9IFF4n31YleLeQOC7ZGD/4ZLEWGKje7xjTGss5V4po3WhC8xxWbB0VmgYLZtyN1nOC8kwZjv+lebICzFIoeWosdPUyFw6EVzOn3jBjBaSY84wnk2um9zUqh51kNhKjZfgpTXO2KcYmNFezng+KxzZR68jxl9YLQvf9IZSio22AiuNdTzi3qjEpKCUYYUYvuen0FZyjDjCnCG+R1wjyZHWOXrWuGaY1hIHxnqzSWvllGOZS3xLTJp07a9pOS/w34sVWgrsxHHGZjZ4ZmaezKyNnI3W11rc1ljVCtdM1VoxvrrjYfKS3+aZ9JNboaXE6p0I2MdZgCmPrVF7JXPQSmjJJnxeUPSQSklKr7nBXJScqCX52lj92f3pd05o67rO6GN2uN32qMOCPWElwT1t0yvxsSnRY6ZaQyTIIqgtUiIsIkKQ1e8MbHTW0e6kiQLpFqmR0bln3wOtGYSDfloG1qvf2tbnTsVCeU5yhg7TWBHgmQLK1KSFnkH+xJE/fsRHJejVA+XDTXxI57jtxte2ue+Kbxm0vYK3+ncGudVIsa9JmY4nOqR43cCg0XYPz3ZavYtfz7XdbVCjytxr9Rj1O/d2l97qcLgiBKWV/BPCQGg1TZGBg0RiwTSl3uETZ9j7ex91VFMkua2UsNujkMHtfbM6P8YTequg2lIO71YJNIQTd7zOZrMYSKWvbD6rQvsZn9QXnUqsaxI7eq374Vvj4eiDlwJ9mPMXZqQQ98ToPvy8B9XUogeOcCSbQ75e0qXALxPgN2rjj22LddmP2d6IQb2WJQ23y50EWAmQ1nE0HDhFbPYhrGodz0YZNflV6wIyEB1xT2JwMrxQxp5JW92gauqo9POWR/9x77jLJ44a9St7cMqEHgdLD5onYk7zr6syRkfPx6iI7VpHLenrJ9WobAM50ITWraUpsTj79Txx40jWgb4joyDK12ux/cTtw7mH507bx/wnZKQ6++GI0IybeMwKVVxYKKO2W7GG2u5+oqMd7J5ZPuMNfTYX3O6eyQnTUvPgA0+4JfVZHf4kx2Iqw4KKcAps0WKjnDk07rCkl6PfrN4YgLECVPh2cxSagve84QPH544z7u0uHyf0ii4UcKkoNugdg/RrwwyloiVU0qJLTffELugWOaaSF1zBTGPE8dHzIhCt0sX1G2RHOSNjRYcUtMn6PdH3biFfQSIzlgwCL+uoHjhPSDf8uG242Irj0uFftF8S7hxN5tu+igxJVkoBv+TK2rIp3mFPR0D++DGHQzcyVn3nOTbL3aLrXHD7GwcP2s+W3ztrv2i/ejPAe/EWLayavDE5Pj3AyD6++RM9+dmGYSV7Uj8B13q/zCq6HUwMttqyGZtC7W6hKzlQW4j8LkKnbpHI9UjWfrgI0EqKqZzuQls0aqpKYuEmIkoLc1nCaSnysubRl+FtJaEAkbjc6TTphttdIW0kxBgJt75YydXjxDKoAWI78cBD+mfDvh8ZhqmkoukZL0l2+yiqw3T6U2AtZhR2dFbh3tEEyZiiQB9IeX75WEyBICVnvMVA0QMoYQwL9cKcAp/LhcQ0SI7ewMAET2inyP2flJCzd1zno1fTR6wN92kL6L+3ZzBuy6YigZQFH8mdj2MNOVMef6mGZB7ZrlkukAwzEl9iaFZtKgAngUn59uOAw68ZiLLltJoOUcTMOr3QMdMmyiJHFRAmOIJYy7t0SXf+maNuPnRs2mE587ZLthnOPbUfdENHpyaquesoMHSACDw4yV24rDTkjOd5xNEVt4niezLDkeDKkz5OTsOXyi83NSGpaWI9wjiRjVorZSGrH0r6HJB8O6BdScva+CRCC07EMicXiDTx3Hqq38J+kzn0YofBQhoAqTDdTnEE9WQvSL+sjSOi/HxZ7sLFo0en3gi0xwyZPuYbvPX+rJcOHRueflX9atP4qx8O/YlVTI/JRx2pMhFlPyZx4U6vacJBozC0DDy+tFmhNDE/yz6W8EKjnA/iBRDZFl64hSGcwRzWvpw0gTya1JomcAwDqs3WgXo0iJCNajriTWyibAuJhMa1EkmK1wQc3H50iQdTrx4aRpZxhw9dQu9qBQKd6dKGIxvO5QtxMifj456LlkHuwYtn0y/jRuPb0gAXD3SO0fIrt49bbgM+y2MC/6FZ71Tu+FwGfotW3iYpylfREpanRJ9oXn44Kzm00HHi0HAqP28gTkSzwNJycximIEp5FUZDlUzZTCBCQXqZ2yi7xdk3iz3LvwjuDFlSwtDPHfVICuiXU9EJi+lWz0YZ5tD6RFTan20grlt0BwHP3fkxFWU483JjaE2WOP+te9swFVaQs/xh9Z5jqJm8jrLhtEu00QTqlNkLLQY8wVV3RWHbAyfGOhyLTaYJSQxNrS1gQ2eemjS8KAgUAnvcxqYBbpC65u085goyetp5OPfw1PEJtC3HBEcvXsk6MH0CqrEeNG4iKODifUhED6dKgi0NA/HNi9sI6iJUZNiDu10cinlBOvTCB8E5jUCpiUOxL56V7nFPQD9Nen29Wh9JQgU3TuFrszZk4sMbOVZFE/klxFMGOfopR+rr3dWY48hzRg88RQlo7r6rXu4d0d396z32sAVVZECAltYdHri6Get/KB4cBo6aRgs8eVUjhH4Jkmmjb+zp4dhjICuXRTrcIhFFOz5x0GvsNBC3Mer08PvrQ7oFh/z297bjh1abpk5MECeqGbtXy7emuwjXVQY4T27ouhuthFzogZ3ABl7P7s1ATAbq9eutJi26hI2VUSQIeW4UaYFfGrnXHFHjAmdYT/PcqcFYjGFvugqyKpZvIGtl/TQ7VJFbJxb/V5klTRK3HtT81dTfTx4BVq4jlAIE4boLUsOI3cQsZRnR69HeEtW77G2lzznk2IYH84J7YxO4t8KyGGZbH6SaEyuj6TJM3coujZ1ZDMpjBqR0z9Obrh180h0pzHuMjDOhPvpFYbInbfIPXpgPffb5lOhZJHfSD6LyRTS2Gi2k/aJsUWcuNxENdH90KozqSihQ81Li+k6Ynyjru9fIxDUBOUoTfyJH2DxeXPnIE6fDt+dT+PbekW/PX5/f7jLfsCiqHWcFU76Xj5ly2mv1zq506svTOUhjPCijh0ws1bRtm4aEeJaWkBE/nDjqfVftrSS0KVT7kMVgm6Sj8VA8GmEDVbktWC9iCh7aNC9hwfK1Ho/NNo++nTYx67SJffOm+xRX4T7ajdV7tSMp4AliVeDNYe+2YA6C/HNMhVHpIS+DSCUEaedb5/ncz4yWIhFYsIRBPYL2XaiJhkP98rh8N/+qQBbgfkj1DVcb6fN2kXYFx/ZQXGYFoQx+Cg1IU8/wPk52TXY8sBLPCxQHKTyWxxPTAyhnO+6UND32VOzadPD0dEB40ZFHLF6rxKnEJjDG4kEOdM9Emmr8ABMsMNmIA+1ejWVcBneuC/0X4h1RYi4l+6/YdF6zpFgHd2/EcxaT3JspkTOfwPnaPcdnzK87zrc8KCqdMcJQjkQbZ2E8PGE5tLY3jy8rzy0uvVEbbG2/GRzQaKrv7qEeBCJaktFWZJ1g5OCjZ3+pTS1OmGns6fzbio50U1Z0U6JTlLcgjL1MOhzGdGRoVCt4HZXMLTednF+W1MzPnGyenblQTfXhEUk+PCqTE0gmcYJ2LIfBpaxmeDdLZL9hD10Ir+wL89C5+fFqOodb7culM3yDqzlBHcfjXa0zvf25OGcDTn9G2f2pftl6cwFEgwUmhrGgGCMQkbvEc+d4ZlsW3+B6TUVWhPNb291eerO7s69e+nVN5VZgehI7zJ+UVrRE8UGzk5hTau7IyECriCACDIuCOtE8kyxNL5bx9e3ZJ3V9HelR80HRi0ExUdMd2XU9ykYa0dMhMYvB0THznen1fYNP3g49l6ohCpCLl0JrTLRgJnXPv7nRbyoVI7jNh4mbIoY7yBwZ2CGsGq7id/Dlw3ImtxoXwMO4RQt4AuElHoHvh/SLG1FVcaAxrB1Fmy83jbiu4sCgYke+/9dlYaHH7JvRC+1TIxgexn0sXN1M0XqQUriK/1gcY7HqM5YrnqYKKzZTC9f+/3dZtwWVGYkjB6SngRcLgnRPOmZEYknkSCwqg7wjoefM4C8AkU3/+e+xKdCkjBunzq+vfRFWdrmg7wDWYA0BAIrz4nu9Ey3s6OMhEGaun/8d6Umy+WLDDJ50jRGaXsSjMfLdK+ttf+XWJIndXKkVXoJL0qqqkfm7Lm9ULp1KH+xJV/WKOc71cMigjJj+/WFULU0I1npkuM2qcRgCTPobaQt+b87s4BH5crXkQXJRIpubJ0zoSxas2e0f+FbBqpE7cZIuhmVcLbxr8esrPZHQe6PO0XD00uuu8ry/erJg3rKZh70q6rbkuZCYgG57UbRrf9Sa8d4nDY/jSpbwX82V8Yb+TswoWwI/L4MaURMV41pOECqosAD4g/5yGVqvjmVECkztnBBZZZjXylP9fCsb6WMWwUFjFo1030q/1LrWDAuRVfdEavrJwfe0Om+5ThkqzBuZCYp1qebERtf4UCxhRLolTdMYQtOkW8KIqqamr11NyWpQNa4h3dWWlOMVGi7ySlbYkK2Z7n2StkwuyvEdsVhPXpc4Go5e3G6tEN2ty4F4R7Xw3YcidaCU+dBo/x5EXrTrgHlSeHVktHsl9gXUkOvEjIYQ43Kz+NHgpmSsya0DD9QnAkmRox9/dFwL0T/iCUPw2KBgsdsgJyR1EmHYtHAbfhu8AEA2y2vlCMOcztpOLeS4ZgbO5guWvTcJQJO6aAHPwwqXHw1X22qxjv0aprh8fX1cG+b8tzOOEmWhTr7et9u8XMDShVCdaZKI7F3KLeKgoMNXVQJpu01suXnXMq9l1uLUSZ2BDNeV1JQyJ4J3iLfcAe7a7E2XDMzJCvOf3RQncwpcddSin4S/Zxy0rjQycAYhXU3yGR+h1oAqbvLSctKeCrkEuFvatTwsOL0i+n/cor/X9ME9ml+IuyioEPyawnBCpXSMPN1rqMiKNXjEQjFfBDNfdD6++F+8VRGAktcDZPYBgeAMQmZhb4hK7OGGuZz2G+vTi59T6P7eLng/H0bKl1gyywvnzPIixwYTDkH5e+bO7wqvE8zCywKD+SD813Qr1lBc3MirX3mvfvuGc3HHvL+mLlAL6naFz52HClp17ZuUvvN29efhlN6bn397y08+js788/rqFyTJha5867KQfpOiun6QbjIe4Uzo//MigTxw+ZJGJ1P8Lt/WtZ8bPvnuZ8G7X5PsFsd9PbHfyvY92sGV7gldHo3fF88gzFizUNN03PqjClHo2wYkgeG+mOy/w/4fRM0+JaTGWNqaeWcjuPrxCaLFBf0fGK4nwt0MbzGKzO6yeYJYWIB50shURrxUlryamIbe0VC+k0Mc7hCfhx0zkyQlcVhBTfOR+noi4YhN1K6pC7sjZdcII+O4+i+isbsm6xLKEubki///Snz0a3Hp0Y/E/wd5t+XEDBEEKY6tvj6OLcKUQXyM37MtGFsQzvQShnvDsDQv7IrhuYXgxNXuGFEd4RzjOU+6YzWax9Y6m8YI/DoezOwV+PPLx0VvcA2LF4ZqAe/y2Pf0VnzL23ISwgcSwji2TPN5+QMPz82wQmGGD1pvvc1Dj3A0ZtqSYXLNR+sCymBQ68UL8tWZ9ptUynXXCF6EG1p9u9zLRc1Re28FT3uFboY4pY9VZdkuq73fF/VbEFAWoASeNJqwkGIDmNkxScfZZlnbWckxM8huMMT6BAxiB+g2uql3aavXabsZPGLFGgJMWcSD2/cP4+4/PGx8/+DGfbIGkwU7pDBwcGsAVqP0emq90cf+T+ifAesNr2f8mNve2yBKPgwTD5PE4E6zE8YnbFgvzRlRhTEA/PNmjNjnIPG0AqD/eXMCAMPjxncE6ra3glr6jqqFOu67m3jD8g/ljVLQkNPIHHJk/s6f3n/EZNlj41XqQD3zl3i3j76gKeY4A5UVRkwwQod0Ou4tcU32CerMSgw8c675F0dimskgSMNzgGHHurCBqGSLUHeUSJGMi3KnYgTHnqU/ExzDUKNo6bkASgZ+QVBa3DkLHzXevPuoujCeJs1C/cpxQseXtOwsaY1H5zi/9ce82QIZPapYCLHz6G8hRxan1LWIcuvkKWKXyP6T9h4LoeWPQCYozKs3HzQWOC3uCMoXpX5EVspKk44vfFDZ9y6nTB6HzUQd4R7JRGH5pa3+mDdVohcvSiWbR6y3Ef/sD6rPSyNKYA+EvWTsbWLKI0u9fYQnqjpkOJZrjkL6mdlh9Ckota9bnTD5hQvSeBcz2AUTW4SzC8H28tblb7t8H8zPV+/3Vo2nNeQoNcY694aHVmEq1KkFV3Acj4SpuLQVCEfdE2YTQgzNaB5beL9rSOyPkhqBcxb6kPPbLCeMINEcT9436hhH2NbeWTcL9AkK8PQhJmJpTSSlkDWRny/a2ddX5OODQQNN+JvATZyr+PDNJENHohvtC9A7e27lLGrXY9/WlnjKi7NNHkeL5yQ6RMXM5Oxf4Cfk+GZo7iYwlzAeHB5d6q/NtCZPRkWXNUilV5SEFBLDDR2D+3lyl7BF4hSLP9gU0WOjYc4jbIG8o0c6CWQFBTDZpCSsTRMJ86Yy/enbylb5OzaDyijydF7lCj21VeZKf35gt4t7nhf3pKcVdz0Xd+FFqQBKBmYlSyeXtpUfbqstTSY3fLlwMMfZSVAizxWVtAjQOc6//DE/H75TXvRtdYeTshxp9mV60ZMLGrtzS+V8dLbzQe6hLLTz1y9F7iawCI4/xeb86rbG1jj/rLC1FAnGCpdpbAYdekJzbPLGniI4VbkSq+P+MvAwFpR/b3Tqabc4bPiGHONNYtgcs/S14iqHFbsdncfo5rzOP0wwL986dzn3uefvZR993eo6pHRodWt17sQPSx3bAfgyEV1bUlVaAOSJ9GaB7CB/BpuYhOa2AjeBWQjnIS+hvK2TBDjN1HYM7hjU1NjY1DTcPHhBdlf25K7sguzg0Y1N1Rvt6+3qFwH+f1P+Nb5qs2Zj7Ppv4Hfjf93/dwd1P3B1VXIgeeMRpTtJLaCnVOtwQ5IJ4xhraQY+u6U/vYy6tnVcsV8Chbs7BkimRnOzBrPgZAYuo9rfzN+sJhVPZsKzzmblTo3U8hzhbnyxOUAx4yyAytA1uj0v48LEp9ZIVWfgXBj4INeoJMDHHSqB7hxNjrzaqZHcLD50SommkmdVjPYNRWLN/nsCvH67XZepCBOFakcPKivRlXOtSpx8w5A4Q0GSS0BJS8vJRvN3lYeCdMLZSgoeeF4gDo8LaOMFAXbs2CmRPd05IvPAvFl9oT6n0zAtvagbUtXfAiO5KBtSlOGE/pNdQgmZmp6Z05n7JO5b4zLLKTqHKNrMkmPHQT1l1tgTcfgAVnt51DkHPx/Rp8diLWc+leiXHsUy1/CYq4c+hpr2PNXWJlLSOs44Ir2MSHqQZAQl/nFQ2Jq1j3LVuUBjaGCZW9DFkBNpBa6QjHM2nyW1ntltHYxMaX1jQ1NzEqG9NR0na2xulNYxMjvaGTnS6uYGmTSV0NaaSaprOEVJKDuZmlHanBhf1pyeWtacmFs3qrOA33Gr65b81kvjlxvyja6NjuhEsXnR2aK9W4b0RDbeiukcGGL503kohPI/lCGMskYJm01WyX2Aaqb9NuqS82k6K67jov96R35X2mEyiAxBdfNGQOEe2t+5Ks/K2doZmBMkTaoNk1VEN+93OSd9NTCrqJS/X6fZ6skB7zV7Iiy2H8RWIVCSgQ9/IGhUJIJKRSCpNIQDiTGIQHhS44MUAulJi6flBKd/foZAmJ6rVuRPTfMVq6v4ilMzivzqOcLMDIEyOzBgbAzYKbN+SCEKed7X9zxEpJj1w9l0t2/i04eR6fjiV0k5TuTShSVZ/eJqCUWETn6VUjox8ulzqcI2L7go2qeM4E6HuDs42wYfCyelJ4eeRYVoMO1swsiSaQzFs8iniD8ZYo0D25qR9JFkJFHX3AZvm+34jhT5lhRJErxFCYjXcwCgYu3OWqOeHMgi5fsImH9h7OeP0ZSV+PiVlNEfP8dGf/50HpHdvtMku3NH1nTntqzp9u01yfsreH8GjuzralxwiSVaZl1ULDShmZpjTAs7d9zMkZyV6O6s80psa0+I7+h43N6akChvrYy3d3VD2FPd7RBUqj3ClUpzaKttQxidlAvrhuv4cn7HcEcIUKzuiBvE+tWOi9N43TMT+WGt+dUHpk+34ezcEU64dMfdLkDjP7ii+WwwikyFWNn7H2N5njt5hML0NIdYeVrjsjgc38TUvOtNp9LCyJEhrvtJwIxwZsxkYWP8aUJcwhHQW1eQLkDSzr5wAZ+E4bYCRy3XTZUhRx60om/Chqw8agJZIf1NDIWEEJPr12rbAfTEXAD1WA4gcXKDa12522lniVvZH52B4qBAIxo4yg3FsXpoqPFc1+RqAAzVmwvNXrJCUj2cPPMDeMRUEzzg08NqRwYgK/alFXoKGzStxeXW9vklnfml9lY6ixFc5xUywODV03lujiKSwFOc9USmN/4A+Lacyr1uV1q+R/kaXMpqgXez/h4sxP08/Cy2KXZoceh64zqugXiVPccdcUNYv9rz4jRe1/RkfnhrQdX+qTMdVk2FwmY67inHSANfDsQRt2JrBsdxmT4+7KnMEastPENk+8ALWa3wMdY/g4XYn0eexTTFDC0ptLsegVxttViaGEx2prn/DErbLu5vJwI52laXjsIqlWXUknRtPZ1pdeGZXZP0gKch4sUnw4e7zAnLIkjABlmXImstMIsdj9++OQoa3y35f02Q3zrBLjBuqrU3riCC26UYujoNejYPapOOVY8pGtNYoEL3H/nCymiTl/fTN5kho6ASUulUks+XV9LUWWd/5JFpSBOugVEnzFU0rELv2H5+alKGdrLokIDTmGnuuz7YTge7f0bQgaEtOi1c8TQ3j7KzRWxORsMuiyM8wGcls0FNILM0M/Nwc7Pi9KOQjyyHb+0Wkm8SVPuPSy9fFr849Dg0iUXob1reTPEcIlDZiBaQpbVD9lL4w6wyR48YjPXBUhc50O72W+RJQX2GjJNWRxEF6fPS2YSuToGez4Ha6sZqxjoOh/TQEZ4ZUx8abQhl7r7tXk+FpNWlkI3Zmmh2h0xXj4LeuIDMdiS50oiPCyCCvHZLIA/PA2oaJC2BRLoTVpVzCLrZh9e+6dI3blc/Dif33tSFmUA/rfIuS0bA7KKw+AvedtNWuHKqJ+BslFyBPyLZ6hcPGFahW5ZXcF/SY4O2VIHoL7Mqx3NB5oj0NX3luHSrFu0b+EXUt37UYG1Z9ndSDloie6mHI8N0nsTpTPStSxcU6xvpGyQI9QwNDOOFBgYGRvF8A309fQBhSHZY3HKTp/BkPCOuPpEn0uy7IvB+ZbXHL7k7kZncGR2QfNiyfYib/nPOxzJs8v8fV9x9YMmTj34tzsZlJy714L6PtyKuPFgiZGByFkgK9NlMGXo2GsvjQNrisKKdATiRtNzxSCVcLKKdG02iLaHR/9Tupl/1RnrYxfS08MWNlCq/vUon/IVhXsz4CL8TrrlF9/btmUtf4SR0hYfyZTyTUqNTV7Mz4s6PcOJawki4eTdLOjY01C/idGafwpXUlFA3SogXJiAuS1SYsYSEQOhk9La6W+KylKzqnOUo2q2sFNuVW8AQ7cuXQI6VHNbzVlF3xR57RpoTQC8v08gJoNYtujjd/aP57kQd/EhGSKu7thupt1RWroLJql4yuhdgNmu+YfZhycYice/X5KsYy8jgulZCcPgwKrWQkusTdaokMfCMt9uWRzqQ2e9I7ePkXvtlvY2YPMArzRZixZDTiacImD9Iwb/3B5p2P1gkOI9LkiqOi+LwTG5lBGq/fdZxIgdbsaiqSQZj2eaI0PjCzMrCTdkS+4NTdhnRlqyRHh5OnnlzVvhNQ4iD6XHCLml80SrcUICKXXXJXrsMVFco6lqEY9nvqaiQFJodUIiFiMoOVqC1PRuf4KPWuCRWNR2KAQVl7CVUiFLtTEzYBG6a5X47HfTCut3Mdn5ISBeHHUCyVi2UgOsX94Mqi3pLBa8fkbfDOJi1ja+HSq+lzZC6vgxZFoDT/uLlcCA95X+W0YWsG37g5FqMPzJpW8Ni+7n+wQPo2+Lq58XVt4tp+VK2MDq4WyUj2cpbWeeASnjEgGu25213VJJHZQTK9hy1T8H7VZMcLWgoIsVpl9naviUtHfXNdiqtCS9lqt3G1vYmNCOcmmF/0KhJqXXbDEuRgR1tHe76EDI54ssRAr0wU5YwkhQJAiNTXCjHuS6jNgkVKPZ3Diz2ILDWErlvZE2cA7fADxsgopPY1w8kx0Hd0JPu+CRxV2kOxyEp9jPShhy2JQN3Sg+5qJz0dkht42l4FvTTa6/CUx+0s3qM07oDSjeFy/DyV9Z50E6vXHWm0jFRKoC2gZ8qZQWn2faBsb0KmSKefRZE2JQNYuzOLaf854/x7lj51mFR960O1fFjpQ3D/p+bvGw/knFw6cnPxaylTBtBj038QkrO0uOvDU6jmZJtFkB2dH5e9uDN5iHrbcTmAZ60II1QBd2X2E3G3iUme+SBAohOmPv3HDH+pBVrSgLMWFTaIUwobc/NKW1NEJI52/CMn6jqkuFYnjkKkVOo4sqRDhyAGiOYkgJYaaB5RthbelcWqABNbvymulswADIdwK23wvjlQByfYxkguFho4ED1xGC5XKxbtMBWCbiCC+BiijX/L8NkfC39BWO1Myz/pMxg4k6OqKo4Uj2tFY3fCgXLgTgBx5JLeUGRgnaukH+RhxVykAHC0cMjRCE9vrEBXJxrhIDAM5ejcVQqblgouBSIF/gy58+aj5GBlCaWO68SzxfAb5O/nHREpu+X+Sa0smKtoiI0pKKplM5xbmUtj4Nw4L2Ftx+D596d4PL26e2GRaIRQi1nVG3T4N9saHm92cPOBuXRGI19kKb0NWYSXhwYLADhvqdbMk/zwzOXUqAR7xvN1E5YKZs1f4BEXszICj/Dt2B9T12gps3+XruxfxfshBnC7GA5lYjKHRVL7DxS3cleQiQ1Jh6O3aRUwEw6alaX/7Rpext7DBkHSyjrW+ILuECazrXz+9rVbTnka4X8vqZU+/NvW13PIbRQKnuxFCxsdWv1m5JQ+D4E47NV/8Irbj5lZ4PlIcXHMz3dXuefFyGJnxpjF3920OJ3R6GsogokSM9Yefl/lPCfeuaEEKgRkxncKrZR4CWJkKE0/uOl0HUBNWFskYloW3CU0No3jiqVXgxzijL3jfR4dZ2eUQY3uRSqgSon1VhxGwVeUF9cllBTKJswJ6kY8vou1GIoUdhKtXvpRURZt0n4A6T0jdBI1AxOFV2Wj0m0SqRXJWMZ/Ktw+aUPQNfHjiyDtu97ABPKvuuCsIeTyByDdI1yF7Ou4n+V/atfwW0KayRuUZRC3/u9mSnpefrh49sfP6hOnzGzyp7iFP0PyayjrOpPnTYrcgVLYv7Ejvve6luWl2eyf3H+/fVlirzyjVX9bs5ZClzC5t542Lmhdm5ss2G0EpsfNieQFl2h5UMLKyEzQ1yFxz9Lvth1RTsLooTZdV1cqb95XP9a245C7DZDqM2t8cyqLTyx9k74GI7iD3yvG0qXc4poX34JGFXBWyj6veniqlcszE1cXLVS1BjZzubIxNpMUihDtSOuV+NVh3Q97jhcVunW9TUzXixtKSgFPYBS7+2wo7OcHXfR8Kcq37jI59fjYeZ8rJtlu9w/Ho8Cjq8vXeZ5Bq5MB0rUHJv4VJHczXshlT5FIO+dY6dg5nsz2FteaFyv8zlVhk91Y5vio2PoZfJ6thmae7NZH2UzqdMay13fYQkqd7i6SYsRX3urYMEc9HMVG83G3ZVdaEAwPQ6CB0C+0MIE8R2K891LGMOmUAcpW/8zDKJYAjIRQQPUkH8JpCaD5AbDzIgI5a8gg6AQYntRCCWqouQsIZCh5WCiyEij0BaDbmjxF0VkfCM6qrEJ5LL/zZVwBFAKNCSdE4Sqz4LLvBK3RA12VhDWiHAchdmvlFfCcZMrkqk5l9tBaItCeMWITpsddvtQN+aENZ5sz0OvBAnXzAgnBoEPrIdfoIB1vpogNkoMT2FICiQiEgJYZqEymArOdrZQUvfsqAiHC69Cags5AZ72wIywSKj64cTNaLx0lXjk/SdU8TkL/QK2oWhrNax/rSnubhEZGseFj8JngDMSgIcEZyeuPRWjKgEDUtR8WzFEyn51AKlTR8IJkIsoZnoI6At4KEJo3PHMy9xEHQ4AhxOrFAHcykCGue30ISQM52oq8N1LhMqNoadfeD/lvKLHvvnB8hZKiaYtrNiv9so3KLplUXDEw+vUTtFMw1AMpqDEOVbAyAsWiTYCk5wqrqM1UeAK4OeZtmhEGcueEvFpcw12P1O9X7JupK2Vw8qUpj3iUAEGdOMtyJvZKAyRvPJMAkQbTgeJg5tEwBEkGa+VUPZDGfkFTZZ6kG/bZLKxWK87m7VV/pDeum+RvGnz5UQ6lfMav733Pe1On8u7sQOViT92Zy9B2W6f3o6CmCyUw2cl0e1egq7qVPNaDiMcca92iAiFG2EgmzibbbHtxq+avlHOpuvqIMVa25QYwrP0cDCmq1JUOJFn4nhMpC8eFR8iWzireoqEHgCFyRwL24it4feLUL29OiaHNmEveFP8iCscq0MfXufi28dq2uB6eP9SjZxVCe1wYrrNOtB24OxPw0sUdo8XZ7YV0zr0dvxQM6a4vdSN6cVmELxtDUxl0iYTnYP/IdfrdkD8TESfYrwycGukKsomvh1096ibIkle8a9zVuMxM1eaNRq6z1/lFaJTOAnxOOU3eOL45//8f+SfmN4G/P1fKebpPzUuT32fv4x/Tf2p/9Ak+2NOfpr+Xpe1b7LGMb2M2+9/+B5Ub+P68E4NX3STePk1XvjWFkN7+fDJZ27m6muX9+9zxrco7v5z8Qb4xdnNTlgRyIVSxO8NWgN1BI2oLRXRgU+1lAKQFxBLHmnSTaRoHYLsg0s47qmCcVqFPtgGG0rMsNxMsQVfmKy1KUctY1BzarVRLkhqNawQjDoAqayz9ecvIRF2HGrSEjAtMlHYUiGFDCWSBXWEvStE3KEI9CoIwuOkFkRqCDNLSgLbUYbTZfBF4ACUZpPIam++MrntLkqLUiRvUNn6V45su9A6KocaX6wcWHE5tJmUPWXjG1NsDWU0jldZTuVTNK6CKSmqs+t3UGCsdlv2vcd2iaRA4n0V5dqT2pOhlIVTnPAqsFD0ruxIDKQbwTwtDKGIkcKBkojysd/QcP8qDASlegScFFnBwO8pENeiykXCFj0khgzNqHgoTOGXQvkXEdKQdtq2jqEdEyuWTU+csarQlxmqrdmWKKMr/BsK8BEpRtwpm+BOio3Ke/VRHeOikQl5W/k/jsYv6Kjjymbo4oUbP3BYawj7K6KO4rgxwsiG7IrD0NEJiPbWFKPxySbyQhRzY11GyU6s0NFGrErWrucSAJ8q2kml6uUZyqrAWFCBjOPWlllyyOEoeCQjmCFHIoSpgUSMyGfroXwSte0jFU8o7TjvV/3It23jOb8e+1fj30cr+MuNlXqy9v+wxfPDf/+oWnu4HY1U7+sDNrFt/pR2uNa2P83d8xNe48Rmtzjz4X/cBz+vrT3njTyx3c8T3zVpH3QQe+eH3bZpbeF6IdRtT4M2dj/7Sbqr53g+nszmi4vzfageGihPR4+8djFw3LWrMdy6ZmIjhRNA2BuOQf/qarl2ZZ+gBE2xRyji6QeSGSnHB5MsM1rcYArBNCsc09xEOUlZMGqBSLBuqVQiP+XGxNeCjkABVlKglJnQW0J+6dt2DbGyE6QhwwGQqGJD1Ylbn779bbMjoTCDHVL8J6jisb+r/v3LJ7J4QwnFsk2mhj34uZr+ywpj2u/0nuV5oY19XHIzpWtwFZZSmILbTHYi0MJwRrbAYns9ygYXidJcj3KS47TqpAguA6BpMZSaoBz+TZbvREYW3Cs4XyVV/cS4aIFyxxQP72dDMnptJkka6PbjobgoqvJ2hbihCZiey15CGPT9OLUBM8F4q0b/OhSDpVAKv50womioGlx22cOnwkaU8ZWLcJAjYLtA9Lwp2NO96FqC3Np6diQmr3k2jRktnctPXUc06I1nkmPNvDZwonxbzrQ3w4sWZwAQ8EhPc/BL7ruWayEJZkYp3JJs9Fmoa4QsmhPVLBwNoi5SpUoCi+a0GEVxv6jYSYWoElI2y9rlWeVaW0DlTQYqvwaU1Er1CkYwgUSSQ5K7mYBkl3ZdBzC0UtKOI00CCmkU8LDljnUl8HBfSdS8XyOputicI4uKSnuRJ3K5QwIRBI1V6RNI63dnAYTII2ob6gU7KI3IYrEMqvTF4EWwUYhSFAK0wbNSiw4Vxx2ykVA36O0ycHmmCRO1ihyINy5LlqkG79AeR01oVWjg0UdF4RgmGh0NAipJAgiIXR4BwsmAUhc2KOvqYmmoYuXboklRM4KcxorqtYipUkjLtF8gAzdlotjo0Z4asynqjIAbP1eM1vVfhHwWdeqbqAF1wmCHnnc8DPLFri9ykdDPhkqUynfBkHxGOCiPyswY3r88I1NmBHD5BBU1qaF60omhrKnCIhdvxkwJbay2Qx55mzUmaWO5RG2iwFuNeMQC/Ep3fIZpGSRzgiAD3LaUZMfeNXwiExc9QdEw1waHgBiXakbwVYUEQTwpEBlaAwzUwIwGuiroIhGJF7qaOgLqhwvKScUSi3lqExnzDsHQSU2X3H4rhjFzTaF7LQDJuyL2TeByOyqhpJWmWqdZhdxo4p5xKVo1lnhCzYvFQmz1xiKmD/z/uYUYOEjeCphv/fPb4qOHGpSabsZN9hJNhf9bjHpKI7gJZYwhq+c9sld+CZ24aR6xHaQ7/n9p1Y/Yut2hsFrbX56guY6353ns3eFUXC3MXLYrWWP0+rGu377Gy2f2fxncmn4Hr/sTBEjrc5ZucrLf4Wa8m3tI42TXXqKVHRUn0DJfemSFYY1V5IhUGYebn7FWVqKKGmD2HIEgqJx5XpLWSjIvSAOzJoGlljxsciWvqIYN8Nk8aNt41CfQdsD4lOpieCpzY+74373/cJ8FrPRzYIuV+WMf//8xWSsYeYYZZamcFW/pP8xJrtxJ3vnw6V+qPyziQjG1Is/1v1wZ5WWdexKnuoqEwftVMN2cac0YGs6VkaFntiBNTb3a+IoAyORWzJEQdB5CcFJIiHsEYkAGH/UgzNFQpUdA0PNnMSw4LLGEVBwCD4ljgZvmwpMM+oxyATN16MdSyMRcjgEjxNZcXLExTtnAFqIJv71FTYyoEDCE16Ms9oz7KTM8f2N8ksviTvWMmGqIInNEMNhx4fUBS9ePnBKebRwitBmUWPFZS3lKdMpBa0YwC7sqrwmdTqk0BcBBmQ2oCHoSff8N0ZCKHHVYpvoW3ZQ8Dmub6MjhUK6MKnGenU5RSDYyT3jl0BQRqTwPTbsuihEMpbDMaER+IufpKnHQ/NGdcynxsL995jr0UAQ0V0om7vboRqyrAx8gvWek7NcjAouI9PzNr6szHo1WHEce97+ST5R4K3xj2ZdPcs7F3q5Ii6Nxv8rhQ+py/sgZGywhmJ8cr9kZag/yyCNth14TGSVia6VrRwfRKO6NnPTWlqHvOI42tTlq9tGiUuvru2oBGrFlabu0bvqt7eHdOHz0Y34zjSNslc8hb0BKhXWjD0dtdrQjchiA5n2RyBlTnEdoXwahkDBMh7Ao2ATwomnIxJJP0WplQ5JjLrBimgyr0JqcBgBY+73eX3we5DA0JexoWp1dGTL2VzQvDcgXtuiI+mL+i/Vjn97dEyKxe/liqBvgLC8Ew0tsD6YXn53ufne27B7yqfdjuDN9HFwcf/zdz+F0i0WXho2So3UWn+SVap8jCmq1JeARW8mASdR48brhTBBjpfnoKw5yV70e393lLq/4s7hCQYiC1o2bfdyMJGIZHxkpEsA37taOp/O7B77gj/tS6G50PE+3t3e2zLiNGmAZa8c9BAFnrwPLY3XC0C5la4CObRqV6eunV/RKa6rfxZulPU5GqupbuyIlIlkHNNyowfoX+UmzaIJGeHKzaKAon5RaQOMdXlRcRdkYDyRj5CdaGNyeU+wN77anznm7JFqwez/JW8/AoE1j99rKHvnpxuoWC1ZUEqvJ1YajvpG026vnh7w/9J3pPjnN8RvQKpgjak/MBl25FQh0BW/aHSIjFCEUfBq0f2pSL4uOWnn0UiMloHE1QSWTSud64SnignGdG2HTFaqs4jxWdXBJc/nt9IwAuOltA21F+q80QEZj5KAI+qvFvFzJEe4ooWC+aglG7bY86jCNYrBI+iI+NA2uEouOTRneem1AcR0TIkTRH5k5pylkR478qNytM21YtwLisxA995gYIBmLCIYO7iKRVRCWiJQxyL7RlS/oiJOiIeUz0h1qqBpTJEM4YBpYGBzLxLiLMze5CMKtZfkK5FBNEtC3NVYTCfi1GqRuIEqJxxSk1aL0qGLim/pzUYxrz8ELhwTaCB1SdzKinnGFGRFMR/Ui2AAr4Kuy4tpJG8ZS8AKhBPRkpUlxvkqBwvVOOK/J7OuKssFMrm81mDsnVPc4cfVDJQa/9T1aLUeOa5dX3MIZMIk0IKYQxr4sD4BTkI3Stui0T+KcAM65mwHTWuZ3gCka7MaRJGKzWaBgbpdDMpvYvSzKoEvDn6EqdsDd9HDW/U90ELmtw7EKPZpwpX0Uw+ruMJEtBgFTUmokjslTqh3QKy9UG3H1dfGu6S7x6mjhofj64NcPWezYh9rs7EUnTGiZWeWgMbXQM6Xh9hvG0zv9W7Snj6756Utmz19e4OeHlI/oM+0HWONyzrPz0+1y7uHXR67rMSxfJ+C7fOqeV+DCHqYCvmrSJRL9uMGWT8POHL29Tp5kAB3FYdtokOmUBYumvinZEuDaQU2mmgtPsLRdezQ7V0z1Wzuae52WXDuunNFuEPfjQcsUnMxJ3Zv9xmw11bPJMoNClmRm837UmFkSlQU3/dy2FUW13Yl7cFwTRtc0ahLta20eLnVdj9N4TsDM7q8L2RzyznAhnqW7kfOcgbNqtcSwn0JjYeCjVomr7LdY8axGjnXyJEX0ZvV5sa19Y5SGXDqgDntxgmSD7p/Cfa7NmSjMz3plgglWLLGGQiRExJCG32ja2BjIgIMBTAZhykDIwCYZ0xRbG5FCXCaQMJWBW46qkiWQcNdVYBlDlEu+XoawBNjzycrPHeFaELLbS4zDNIxrv288I1fUVUGFHB0vqwjAj/xS1kX/atQeTa47vxUHbAfXYOOxNu1M70if2LCFkEQuHz6kjD2vHL6DICTe/8APPewPm1f5QAXddE0GRnY6SiTmIQboS1gVdQmJdplkUjgelxoePK2t4IKVa4NGMUkkJ0aC2AlQ9mEBChDARwqRa3ElmORQYCRJs6xu9YyWRQsoadNmpfMNL8YFXpQMl7rp1GBilC6mri/ztPIistJkBfFGyeViUITUClawcjEvcJXNqWlwU6KPNI3FNiAWrVJ2LeqGtE4AVDDvogFloibi9AUKG9Pyfgx6ohVCoVNbadfv+aZ12oEbLjkMo2OkBCz7git1Zeal7RSjiyU6N4/S+w9IgFnmTJeLV4rwHXbLKUGZ/to0u5IPF/20ld/SmAaK2V3UQmhY75sF5kgv0O/P9M+68kd4tEocwe1Bu5t1Ll8+A7t6gmrsLVF6Pl34w5H3fpDSeLvEW/0keeeRswr0GZ/G7/2tdhvDnd31RzV28vxWN0qMh9Nr4XTLirl1JGEw5DpgaXalOotyEe2edvZFEdxVp/mkcRmoqZ2IdRa57PcZE+FpzRWpKoHVaROE5MA5bcd70I5NRyduSU7o+tm1ZLCxvgdtMHX+ttdgEeXwCtyQ2fwkJAozcQCWfdaaokIkKlohp5zf3HogUzcs8sofKLdheNL7FA5mbf0E03P3/j9Asydum2rSc01IQFU7y7zIKbqHNK7bBa20VppX/uZVZO3RKWq2qGZ5baZcGQqR58O9JBF+zEircTTmuI8Qb9S8vC4mD9S/cBQ1yMRkMTieziUnUKX7lyOfLHkjS6tFc5pVKe7CB4MDkgFEdp5fwI3f8HweioJNu5uHUwmkOJJEYcUyadsRVpHC/e6JC+jTD2VR3tPW3/o3eqAtLDnNp+JNfnQ8PvcPc7o5PIM/t/uZHsQyugCgiPIm4PIPrcn0cxnKJzr4B/+Nno8eRsJ7m07e/TNt2jKSb87bOz1faFsIaTgn0lLi7dY34AGNM2YzY5X+dYwGu9xmMdLPmxndvdIF7ul3nlB4P/IwukYzQ/+FyNO3g/HF7bdtu9PPz6FtncQXBsbG2yvhwbxZ092FkJ6Hf2QmYWhRHCvGbwyszNkjtqmhaWkvfZpad0p5fhj1PUUjqSahsA1Gm0SWZrsbnDv263cY6xD4uMlX9y/s0B3x3yLQTwGJX/3Ddz9YIR+9WaEYiSwCOd9zhOi3cKYRtYUf9RukX6ZvVjqG3yrTSzZqWHYU/6VKw3KccVrfX7eoVLZV7sfU/2YRatbTKHsqV4OXlS5m8NhRQ2mM6Oxkqzha2LCJDbEd4TYFLkdeyLVUHsJ4i0bdXZPlRDGccbC5uA0neP9aFHts4AHrNQhaWDQYa2zKFRz9Rt6ydtC09zq6K+7VXXXWDNs7e4dn/2HrgXN8Fd60xLzjCNZtT52xM9d3vZzloBq+c5C2FZq8JBK2s+woHabq5YA/Yg41rb1BDDjMcpzDQAdvwaJbdj/ymGj14AYrfmHfuXfo6YrvPV730nd1g9jmINly7dcAQ//emdv/R4xXVUAuQTFSTudoyukcTTktM1/FYFZs+WhO9LNjRMMrSb4faLtTL9YkaR2YjyaunNiA3Oyco2vo3/sWVUXdPps3XmxUVUObKS7L9QWRTQQiMdgPVrv2owerTrlZhxhzQi/dbuZ+lI+2rBKhtF3aCPvLIdawZNrgeRrbYKEnq9adU9RM86ChZZ3bM0PguHkJm0OuIaGGsGMwgRypQkWJOE1UOXk4sSuMWwsbQ6TD0OxyoIaZWUd/QiS79tcPX5GDhtYZYVpdl2KSCzVo/IHWzUbDiQGWWxtbw7UfXXIKX3CaFR6jNx4zjdUOKF0tJ36Qn+25c0V3VrdLqefhvVvcieca/HpILIKYmt8/xYS1y/7mIS+/fVYm5+qgsiP4y0PnrXqFCVvt5/3rRNAyYl7xnVIYMveLJZEiBrEsaKVLfcZ7391HLrDOPTXuWdSNh+n+xCRuDxVKFY/l2LRfXIYXhU9vN6W4XWtYE1eYKQBA0z7mqR5+yWKBTUpcuV5W0ixqj1VQyIy5z9HOqTzpuGcn0DNSXwMz5QdtTZlLQ20Twd2BAfftT2wEdSpfjm6tKW4+6MPW8P7X+3PpjvaaUizvjMxyaIV14+bmPhFpvwgJjNpQNizbj5Rcr31pq+37yeQrNcJt4zjrgVDDxHOQl5gt1Wqd5TwItwZenwKd9m1pQTVrfWXzm8w+20BkP210zHgbGrGHR6xRtkMsvnA4AwyZoW3Olxq3scuP3X8jRMm5svEpD3m17qalMjPkk9pMSivsATl1SDR9H+a7DheK1FF0a+W6ttBq64AdRBgrwGCmaOUsg7V2syhV4TDcnILvf4KCkt7iuKzeKJUqkFDmlyzr75pSFHc74tGOnrvO6mPxE4L9gyt8aTNVTqMIGTEiRz38CAbOFxlo4tMjS7Sja6mm3ye0JubMBF/NjmN3GKl2Zi0Txs71ZdVJvhjD8oWdVVedi2NljFPpDPlfUErXJNKOUDqXDAjV5b8CKYgm6xsmeZd6HXwkpjTGW4xlOc2crzJQ6Fv1YROMIJfjHPZj/EHuU3ozGP+3gSwiYi2KLfRQBFuOlTARuB5I8bheVZdxfz3mQCPxS/fbc0CmXaWSaU5D86aktZmn0o9LeTW0tuQ2AS73Xwrusl+VXyE3NhP1qGxM9Poyo6Tn/UXC+kk4oyatcMPhlhwqoAV9Oec3u+9HDfCaoQKQAI4MVjUMdNaUIHm56MMdYIeus9FW1a0giJYU/OIVCHdDa9ZnKFBSR5mT/hFiCc+fAia/ZIsTbYRyQT/CVnfPaQU2mDBYaR63iZt3pGaPwTXwyb4rH8Dh5KQaHBKA+jc5/LFz1Pc3789PIVRbavVVxDlCfekD3EQtIW17ojlv/B8lUIFGBA+gg5OIfEsQXFlWX6DDEoqawqNIdYE/infQmiHYNVQgq3P6sP/HSlkP8nhAtM1J7CW4bf+d/7y3+poXc8wG9U9Rrtv/GsuxvzlG+l7f3kW/YaF2bK50o/GnJaVWEKBTvBu2AVHUiAfVQHhAEj2q0Zq7jlZNJfgtQSkGoW9z/OizSB9R9TydcUhf/Zvd7vrJ/Xg43DLfzXh9QN5J4RSrmaYjNsXjVR2vi6eLOo2N4yUsv5mdb9a7sRvg3a/6oqvIff90PchWdXVp90vPbx85jzGR9vPtJK2GKSz58uz8DeLlqaU7XV0tySaVZI/Q953/p9sWXXDzcO4S5F90Mgp04gqofoPyDkzVBKrvbjq5/kLdobz/VfAcqvn7K/6vWcRcP9NBWLCrd0SA+StLPkswXzT5CTn1kMUNfs1vlHlfLpTkCsPF59dYhar6R8b9pfxRAOlDnKS4oirr6cncYXlNarMgN3lQn63ypfm8A/p/xJpH2VeU9LSYPie172qGPXVdI6Xd5grKloTBIwQUEeZRH5CMpeYO66beYZGHhs10wzEP9RBhz4jolOQOZcqMmsUbFEMpKTE6DczGrg+i638TQzjc+oqY/kjqcAsCnmVWAQ8Vkz9EC9v1EcbMJ66y/LB6SFRbDXMkBujjlfSkbfUvKETqmpFvUPa4kP+ebUlDK6T/Jz0HFAiNN8L9DnvJJI2Dcihn9Brm4nIPkUIv9dQ9RoKeA1h0LRtjLkLHIQ+xF8JaJp0BUR95Yauk/pstYVD81nVfUjVaPGarKpnCzpTfQXLbH1o/I+fnAnOjmNy0E8wloiRFhe/YVi/JDLxnnAF5AEHlyw9kznEDwThDMMtWUkmict9LSM+OTa8ZwWxQBIhPyYAlqXGn6dnwPRGWxXSzoB+BERcCAHM496QKTyE0/orbTbpgRdL/bwvBtvD/tQKzoLFRHicUcpUoEHaAAEh581G6mRmA2B/IVpDPg3oVzPbFUF6ciC9I/7YJPwG6WjoPGIlgqI+FxqGVyYHFeIufqlHLoa9+r7xr0xiuPoB0viYfIPAvHBaJq3eE1QzoVykhNCu2KPfi636zGGUnBIcTK0BAZwBaO9SqpYikuqkFKCAEmyp0hKgtmVGzAWzCHwBCygUY2E09IUgiAaVZKaBhHwFGlSHAkhwEYFNHKuDKiEU4j9UKBJbHQXCBIrngouQMAZcIchl+maVuEe4CWXbfttTcu669u6GJz2RTOKAptLFs26m3wApN2vTWijtdGiW7k2ZkD1ov51ok2iIwo5AxG9BuQz0sdVScLEW23ECcQU3ObE0OpLDELJL7xd0adGpRvWWrFuu0IC1KZxnUTpedM1ssZXbOOu0eZY3FYo18XbsBGjZovK5BsxZhJm33aoXYIkuxIhggJQbEdhMVSJqd1ZpTaGssrO2WepLbDGb65EiCwNpYIqHmA9FD7vx7ur2umqRdj1a9rEtwmrQoKlQeYHIatbZjg4xl9NqslsaWaHKyU2myky6HIZYjiDTmWDIRWg5Qq7NaF0m8hagUrTZ1EbCBoTDTmV4FWzzolNceP+Q3EIkIRCIKCCQKXfYvmYN7Np+gzGlMBrKCsl5VBmko8VcmRKiwjCJEVOlLA7F2gkSYmSyFVmpG6SwTIH12rrzrSgUKFSlWolSZ8pLtxeb1xeJ++8v6/2PrNQQN79lhp6Ne9IVdnvSYNwx5Pxh4lIfVc8FCbHjCSx522r3gwJuG/eqDTzqMuei8cY2aPK3ZZS0uuOS6K6665kutbrvhpgmr/KCGg41dm6996xEd2nXq1qXH23r162M2YLVBa6z1lXU2WM9ik40OeMcWm221zTe+c8ikKYe5uD8WiiqqaUMNtQHhwkeINrroYwAxbbd99jtjj73OeshIqBxzvKGjilDteDhINakhswiMWLlu96ZVHkO/N883cvuG1e6PkZeWZNya5VDWC0FfX4R51zQIeoLeoC/oDwaCwWAoGA5G+jNLPO5Bz5iSsW9atnjrqulib3EkUBxWn0M8GAgUc/Fi1mvtoDfom7f/Ovp/SOSE1oa8W5YheVKVvx9hSoYi1YahN/6CraoaaXOe1FRQQGTmUUOhgs4NMc2QWqIFkkuUgcQS6ZD4DjfBaMSHocRGK3wHhJEuYdMQWUKdCC8h455YE9B7h6JSstcYeoLgRIqUs9u6USaKO7L165Ymbvlfs0ZxquJPDqi8vjApXF8epOr6wKm+vjpG8fqaUnNdnLqpMJg=);font-weight:700}@font-face{font-family:RobotoMono;src:url(data:font/ttf;base64,AAEAAAAQAQAABAAAR0RFRgllCWQAAagYAAAAOkdTVULa5NQJAAGoVAAAAkhPUy8yutXqlgABb0AAAABgY21hcN/+LfwAAW+gAAAGWGN2dCBh8hRdAAGCQAAAAJxmcGdt4RTb8AABdfgAAAuXZ2FzcAAAABAAAagQAAAACGdseWb90qjjAAABDAABVjBoZWFk+TEQEAABX0AAAAA2aGhlYQwDA8IAAW8cAAAAJGhtdHiELB/ZAAFfeAAAD6Jsb2NhcVzFgQABV1wAAAfkbWF4cAW0DRoAAVc8AAAAIG5hbWVD7GwQAAGC3AAAAwpwb3N0w8NSEQABhegAACIlcHJlcDd1O78AAYGQAAAArgACAWIEIQNfBgAABQALADRLsCFQWEANAgEAAAFZAwEBAT4ATBtAEwMBAQAAAVUDAQEBAFkCAQABAE1ZthISEhEECBgrAQMjEzUzBQMjEzUzAfkVggGWAWUVgQGWBZP+jgFifW3+jgFifQAAAgA9AAAEmQWwABsAHwB0S7AXUFhAJw4LAgMMAgIAAQMAYQgBBgY8Sw8KAgQEBVkJBwIFBT9LDQEBAT0BTBtAJQkHAgUPCgIEAwUEYg4LAgMMAgIAAQMAYQgBBgY8Sw0BAQE9AUxZQBofHh0cGxoZGBcWFRQTEhEREREREREREBAIHSsBIQMjEyM1IRMhNSETMwMhEzMDMxUjAzMVIwMjAyETIQLD/vhQj1DvAQlF/v4BHVKPUgEIUo9SzehF4vxQj54BCEX++AGa/mYBmokBYosBoP5gAaD+YIv+non+ZgIjAWIAAQCi/zAERQacAD0AQkA/EA0CAgAuKwIDBQJKAAECBAIBBHAABAUCBAVuAAAAAgEAAmMABQMDBVcABQUDWQADBQNNOjg0My0sJBQeBggXKwE2JicuAzU0PgI3NTMVFhYXIzQuAiMiBgcUHgIXHgMVFA4CBxUjNS4DNTMUHgIzMj4CA4sBh5Ndlms6M12FUZWougG4IT9cO3l8ASBFbU1elmg3N2SPV5VOj25CuTJPZDNBaEgnAXdbgjAdTGmIWVSIZT4K3NwX7cxDcVEufmsyTkA3Gh9MZoZZV4pjPAnAvwg4a6JxVG9CHCA9VwAFACz/6wSeBcUAFQArAEEAVwBbAD5AO1taAgIDWQEGBwJKAAIAAQQCAWMABAAHBgQHYwADAwBbAAAAREsABgYFWwAFBUUFTCkpKSkpKSkkCAgcKxM0PgIzMh4CFRUUDgIjIi4CNTMUHgIzMj4CNTU0LgIjIg4CFQE0PgIzMh4CFRUUDgIjIi4CNTMUHgIzMj4CNTU0LgIjIg4CFQUnARcsI0NkQUJlQyMjQ2RBQWVEI4oOIDEkIzEeDw8fMSQjMR8OAc8jRGRBQmREIyNEY0FCZUQjig8fMiQjMR4ODh8yIyQxHw7+f28CN28EqjlnTi0tTmc5TTlmTS0tTWY5HzktGxstOR9NHzstGxstOx/8qDlmTi0tTmY5TjlmTS0tTWY5HzotGxstOh9OHzotGxstOh+WPgQNPgADAGv/7ASpBcUAKgA5AEwAdEATPRgFAwEFLy4gGQQEASMBAgQDSkuwGVBYQCIABQUAWwAAAERLAAEBAlsDAQICPUsGAQQEAlsDAQICPQJMG0AgAAUFAFsAAABESwABAQJZAAICPUsGAQQEA1sAAwNFA0xZQA8sK0lHKzksOSMUHiwHCBgrEzQ+AjcmJjU0PgIzMh4CFRQOAgcHATY2NzMUBgcXIycGBiMiLgIFMjY3AQcOAxUUHgIDFBYXNz4DNTQuAiMiDgJrKEhkPUNPM16EUkd0USwfN0wsXgEzIygBp0lGtd1TSrJiY6BwPQGwR4Q5/r0cMj4hCyA+XDoyLXUfKBYJEyU0IStBKxYBdUNyY1krW6JYVYNZLjJVcD41V0xEIVD+bUCYWIDbWO1uP0M6aJGdNDABrxgpTkU5EzNYQiYD5jh1QV0VLi8wFx45KxsgNkcAAQHuBCECjQYAAAUALUuwIVBYQAsAAAABWQABAT4ATBtAEAABAAABVQABAQBZAAABAE1ZtBIRAggWKwEDIxM1MwKNFYoBngWR/pABYH8AAQFl/ioDdQZrABsABrMUBwEwKwE0PgQ3Fw4CAhUVFBIWFhcHLgU1AWUtTGNtbjInPnthPT1hez4nMm9tY0stAk+P/NeyimIcei+i5/7Tuw67/tLopTJxHGGLsdf8jwAAAQFA/ioDUQZrABsABrMUBwEwKwEUDgQHJz4CEjU1NAImJic3HgUVA1EtTGNtbzInPnthPUBleTknMm9tY0wtAkWP/Nexi2EccS6l6gEwuw67ATHrpC5xHGKKstf8jwAAAQCgAPEEYATIAA4AGkAXDg0MCwoJCAcGAwIBDABHAAAAaRQBCBUrASU3BQMzAyUXBQEHAwMnAhn+hzYBbRmyHQFrNv6CAQCS1tSSAqtgr5cBpf5VlrJe/rxuAWv+nmoAAQB3AJIEXQS2AAsAJkAjAAUAAgVVBAEAAwEBAgABYQAFBQJZAAIFAk0RERERERAGCBorASEVIREjESE1IREzAsYBl/5puf5qAZa5Aw24/j0Bw7gBqQABAWL+sAKDANsACwAQQA0GBQIARwAAAGkaAQgVKyUUDgIHJzY2NTUzAoMXLUAqczAoySsvZ2VcJD9GnlWzAAEA2gIxA9cCyQADABhAFQABAAABVQABAQBZAAABAE0REAIIFisBITUhA9f9AwL9AjGYAAABAfD/7QMUAQcAEwATQBAAAAABWwABAUUBTCgkAggWKyU0PgIzMh4CFRQOAiMiLgIB8BMkNiQkNyUTEyU3JCQ2JBN4HjQnFhYnNB4dMyYVFSYzAAABAPz/gwQBBbAAAwATQBAAAAEAcwABATwBTBEQAggWKwUjATMBoqYCYKV9Bi0AAwCR/+wEQAXFABUAHQAlAChAJR8eFxYEAwIBSgACAgFbAAEBREsAAwMAWwAAAEUATCYoKSQECBgrARQOAiMiLgI1ETQ+AjMyHgIVAQEmJiMiBhUFARYWMzI2NQRAQHiucG+vekFAea9vcK95QP0LAjcQiYGSiwI7/coRjH2TiQIti9eTTEyT14sBVYvXlE1NlNeL/tABs5GXxb1X/k+NlMi8AAABANAAAAMGBbAABgAUQBEFBAMCBABIAAAAPQBMEAEIFSshIxEFNSUzAwa5/oMCJw8ExJGp1AABAFUAAAQrBcQAJAAuQCsCAQAEAUoAAgEEAQIEcAABAQNbAAMDREsABAQAWQAAAD0ATBokFCsQBQgZKyEhNQE+AzU0LgIjIg4CFSM0PgIzMh4CFRQOAgcBIQQr/EYB3UBWNBYjQ188SWtHI7pAea9wZ6VyPSxLYzf+eQLbhQISR25dUyw2X0YpKk1uRFyjekg9bJRXQX98eTz+WAABAF7/7AP5BcQAPgBFQEIeAQcAAUoAAgEAAQIAcAAFBwYHBQZwAAAABwUAB2MAAQEDWwADA0RLAAYGBFsABARFBEw+PDQyLi0pJyQUJiAICBgrATMyPgI1NCYjIg4CFSM0PgIzMh4CFRQOAgceAxUUDgIjIi4CNTMUHgIzMj4CNTQuAiMjAYaERmtJJoJ9O2FFJrpBdqVlYqJ0QBo2VTtHXzkXRnypYmCpfEm5J0hnPz9mSCctUXNFhAMxJkJcN3+BI0JcOVOTbT81aJplKlpVSxkXSlxmMmaebTk2aJZgOV5CJCFEZUVEY0IgAAIASwAABGcFsAAKAA4AK0AoDQEABAgBAQACSgUBAAMBAQIAAWIABAQ8SwACAj0CTBESEREREAYIGisBMxUjESMRITUBMwEhEQcDnMvLuf1oAozF/XwByx4B6Zf+rgFSbQPx/DkC0TgAAQC7/+wETwWwACoAPEA5BQEGAioBBAYCSgAEBgUGBAVwAAIABgQCBmMAAQEAWQAAADxLAAUFA1sAAwNFA0woIhQoIxERBwgbKxMTIRUhAzY2MzIeAhUUDgIjIi4CJzMWFjMyPgI1NC4CIyIOAgfwSQLr/bEpK3hPZaBwPDhxrHRZnntPCrARlXVCZkUjJ0psRi5DNi8ZAtoC1rT+fBkmRn+0bmiygUkyZJhlfIAvV3pLRHZXMg0YIhYAAgCN/+wEJQWxACcAPAA6QDcJAQQBLQEFBAJKAAEGAQQFAQRjAAAAA1sAAwM8SwAFBQJbAAICRQJMKSg0Mig8KTwdKCohBwgYKwEVIyIOBAc+AzMyHgIVFA4CIyIuBDU1ND4EMwMiDgIHFRQeAjMyPgI1NC4CA1gQXJFuTzQcBBpET1sybZ5mMDlyqW9Pg2hOMxoZPGab1o/iL1hMOhEuTmY4QWRFIyBCZAWxpiZCW2x2PR81JxdTiKxZZrSHTi5PbHyGQ1dkybihdkT9cB42TC4+YJVmNTJYe0hAeV44AAABAHAAAARIBbAABgAfQBwAAQECAUoAAQECWQACAjxLAAAAPQBMERERAwgXKwEBIwEhNSEESP2lwgJZ/OwD2AVI+rgFDqIAAwCx/+wETwXEACUAOQBNADVAMhcDAgIFAUoABQACAwUCYwAEBAFbAAEBREsAAwMAWwAAAEUATEpIQD42NCwqIiAsBggVKwEGBgceAxUUDgIjIi4CNTQ+AjcuAzU0PgIzMh4CAzQuAiMiDgIVFB4CMzI+AgM0LgIjIg4CFRQeAjMyPgIELgF0YThbQSNJfahgYql9SCJAWjgwTjYeQHGdXVyedEKYKUpnPT9mSCcnSGdAPWZJKSIlQVo2NlhAIyNBWTY1WkEkBDRtqjAYR1xsPWOaaTc2aZpkPW1bSBgYQ1NiNl+VZjY2ZpX8+j1mSSgoSWY9P2NEJCREYwLjN1xDJSNCXTk5W0EjI0FcAAIAlf//BCkFxAAnADwAQ0BALQEEBQcBAQQCSgcBBAABAAQBYwAFBQJbAAICREsGAQAAA1sAAwM9A0wpKAEANDIoPCk8JSQXFQ0LACcBJwgIFCslMj4ENw4DIyIuAjU0PgIzMh4EFRUUDgQjIzUTMj4CNzU0LgIjIg4CFRQeAgF1Y5ZvSi8WAxg+Tl84bJ1mMDlxqXBUh2dKLxYSNWCa3JcT8C9ZSzsRLU1lOUFkRSQgQWOkI0BXaXU9HjUoF1WKrlhnt4lRL1Nxg49IQ13DtqF4RqUB3B85TS88YZhpODRbfUhAe2A7AP//AiL/7QNGBHMCJgAQMgABBwAQADIDbAAJsQEBuANssDMrAP//Aeb+sAM9BHMCJwAQACkDbAEHAA4AhAAAAAmxAAG4A2ywMysAAAEAqgDEA/oESwAIAAazBwQBMCsBBxcFFQE1ARUBljU1AmT8sANQApcREuzEAXuSAXrEAAACAK0BbQQqA60AAwAHACJAHwABAAADAQBhAAMCAgNVAAMDAlkAAgMCTRERERAECBgrASE1IREhNSEEKvyDA338gwN9Awyh/cCgAAEAsgDFBCUETAAIAAazBAEBMCsTNQEVATUlNyeyA3P8jQKHPDwDjb/+hpL+hcD0ERMAAgC///UEGwXEACcAMwDES7AKUFhAJQABAAMAAQNwBgEDBAADBG4AAAACWwACAkRLAAQEBVsABQU9BUwbS7AMUFhAJQABAAMAAQNwBgEDBAADBG4AAAACWwACAkRLAAQEBVsABQVFBUwbS7AOUFhAJQABAAMAAQNwBgEDBAADBG4AAAACWwACAkRLAAQEBVsABQU9BUwbQCUAAQADAAEDcAYBAwQAAwRuAAAAAlsAAgJESwAEBAVbAAUFRQVMWVlZQBAAADIwLCoAJwAnJBQsBwgXKwE+Azc+AzU0JiMiDgIVIz4DMzIeAhUUDgIHDgMVAzQ2MzIWFRQGIyImAf8BCiA8MiJHOyZ+dS9ZRSq5AURznVtln246Mk5hLx4hEATOOTk5Ozs5OTkBmkhdSUMuI0pRWjJtcxcxSzRUhl0xM2KMWkh/cWIqHTQ2PSf+xzBAQDAuPj4AAgBA//gEiwWyAE0AWwClS7AUUFhAFBgBCQJVTggDAwk3AQUAOAEGBQRKG0AXGAEJAlVOAggJCAEDCDcBBQA4AQYFBUpZS7AUUFhAJwACAAkDAgljCAEDAQEABQMAYwAEBAdbAAcHPEsABQUGWwAGBj0GTBtALAACAAkIAgljAAgDAAhXAAMBAQAFAwBjAAQEB1sABwc8SwAFBQZbAAYGPQZMWUAOWFYmKikoKCcoJCQKCB0rAQ4DIyImJwYGIyIuAjc+AzMyFhcDBh4CMzI+Ajc2LgIjIg4CBwYeAjMyPgI3Fw4DIyImJgI3PgUzMh4CAQYWMzI2NxMmIyIOAgSHAyBBZko9UREjZz4xSC0RBgk4WXZHQ1gaLAMKExwQJTkmFAEEMmeWYGWnekYEBTBqpXAePjw2FiAZQEZIIJPThTsFBCpJZ4CZVnq+gUD9SwUsMDFQHiccHjVPNiEDFVCniFZAOThBNF6CTm+zfUM1JP4IKTMdCjlhgkl/yoxKX6rsjIjUk00JERgPdRMcEwlnugEBmWfDqo1mOF+w9/72ZnI2PwG9DTNdhQAAAgBRAAAEkAWwAAcACgAlQCIKAQQCAUoABAAAAQQAYgACAjxLAwEBAT0BTBEREREQBQgZKwEhAyMBMwEjASEDA2X+GnW5AdabAc64/dkBg8ABef6HBbD6UAIaAngAAAMArAAABGAFsAAWACMAMAA+QDsMAQMEAUoABAcBAwIEA2MABQUAWwAAADxLAAICAVsGAQEBPQFMFxcAADAuJiQXIxciGhgAFgAVIQgIFSszESEeAwcOAwceAxUWDgIHAREhPgM1Ni4CJyUhPgM1NC4CJyOsAbFarIZQAQEjPVIuOmFGJwFQhq9d/ugBHTpoUC8BK0xmO/7ZAQI0ZE4wL09nNv0FsAEtXpJmOV5LOBQRP1lwQWacaTgBAqn99AElQmA9PmBDJAKaAR87Vjk9VjcaAQAAAQBr/+wEXQXEADMANkAzAAIDBQMCBXAGAQUEAwUEbgADAwFbAAEBREsABAQAWwAAAEUATAAAADMAMy0kFC0kBwgZKwEOAyMiLgQnNT4FMzIeAhcjLgMjIg4EFRUUHgQzMj4CNwRdDU59q2lak3NTNxsBARs3U3OSW22sfEsMuQksSmtJQmVJMR4NDR4wSmRDSWtKLAkBtmWpeUMzWnqQnlHLUZ6Qe1ozQ3usaEJyVjErSmJuczbNNnNvYksrLlNxQgACAJsAAARwBbAADQAbACxAKQUBAwMAWwAAADxLAAICAVsEAQEBPQFMDg4AAA4bDhoRDwANAAwhBggVKzMRIR4DFxUOAwcDETM+Azc1LgMnmwFRmO+lVwEBV6XvmJWVdqxxNwEBOHCsdgWwAmOx95ZrlvexYwEFGPt/AVGMvm9tb72LUAIAAAEAtgAABDQFsAALAClAJgAFAAABBQBhAAQEA1kAAwM8SwABAQJZAAICPQJMEREREREQBggaKwEhESEVIREhFSERIQPP/aACxfyCA3X9RAJgAqH9/J0FsJ7+LAAAAQC/AAAEPQWwAAkAI0AgAAQAAAEEAGEAAwMCWQACAjxLAAEBPQFMERERERAFCBkrASERIxEhFSERIQPY/aK7A379PQJeAoP9fQWwnv4OAAABAGT/6wRcBcQANQA5QDYxAAIEBQFKAAIDBgMCBnAABgAFBAYFYQADAwFbAAEBREsABAQAWwAAAEUATBEVLSQULSIHCBsrJQYGJy4FJzU+BTMyHgIXIy4DIyIOBBUVHgUXFj4CNxMhNSEEXFzujlqXeFo9HwEBGzhUdZRcZqyATgm3Cy5LaEVCZkwyIA4BESQ4T2hCJlNORBcC/tgB2L9saAEBNV1+k6FSqVGhlH9dNj91pWY/a0wrLUxlcHQ2qzd1cGRMLQEBCBgpIQFHnAAAAQCNAAAEPwWwAAsAIUAeAAQAAQAEAWEFAQMDPEsCAQAAPQBMEREREREQBggaKyEjESERIxEzESERMwQ/r/2rrq4CVa8Cof1fBbD9jgJyAAABAK4AAAQeBbAACwAjQCAFAQEBAFkAAAA8SwQBAgIDWQADAz0DTBEREREREAYIGisTIRUhESEVITUhESGuA3D+owFd/JABVf6rBbCh+5GgoARvAAABAGL/7AQWBbAAFwAiQB8AAgADAAIDcAAAADxLAAMDAVsAAQFFAUwkFCUQBAgYKwEzEQ4DIyIuAiczHgMzMj4CNwNZvQJJfqtlZqd7Sgm8AytKZ0BCaEknAgWw/AtlqntFPnOjZT1oTSoxVG8+AAEArAAABKQFsAAMAB9AHAoGAQMAAQFKAgEBATxLAwEAAD0ATBITERIECBgrAQcRIxEzETcBMwEBIwILor29jQGr4f4DAh/hAqS4/hQFsP05sAIX/YP8zQABAMYAAARHBbAABQAZQBYAAgI8SwAAAAFaAAEBPQFMEREQAwgXKyUhFSERMwF/Asj8f7mdnQWwAAEAlAAABEwFsAAOAC5AKwoHAQMCAAFKAAIAAQACAXAFBAIAADxLAwEBAT0BTAAAAA4ADhMTERIGCBgrARMBMxEjERMBIwMTESMRAXntAQDmtA/+82r3D7QFsP0oAtj6UAJFAmD88AL7/bX9uwWwAAABAI8AAAQ+BbAACQAeQBsHAgIAAgFKAwECAjxLAQEAAD0ATBIREhAECBgrISMBAyMRMwETMwQ+vP3LA7u8AjUDuwRA+8AFsPvCBD4AAgBq/+wEYQXEAB0AOwAfQBwAAgIBWwABAURLAAMDAFsAAABFAEwtLS0mBAgYKwEOBSMiLgQnNT4FMzIeBBcnLgUjIg4EBxUeBTMyPgQ3BGEBGTRRcJFaWpFwUjUaAQEZNVFwkVpaknBRNRkBtwEMHTBIYkFAYkgwHQ0BAQ0eMEhiQUFjRy8dCwEChE6flIBgNzdggZSeTqZOn5SBYTc3YIGUoE4CNHFvZU0tLk1lb3EzqDNyb2ZNLi5NZW9yNAAAAgC/AAAEeQWwAA4AGwArQCgAAwUBAgADAmMABAQBWwABATxLAAAAPQBMAAAbGREPAA4ADSERBggWKwERIxEhHgMVFA4CByUhPgM1NC4CJyEBeLkB2GKvhE1NhK9i/uEBH0BsUC0tT21A/uECSP24BbACOm6iaWmhbjoBmAEnSGdCQmpKKAEAAAIAXv8KBIwFxAAgAD4AK0AoCAUCAAMBSgcGAgBHAAICAVsAAQFESwADAwBbAAAARQBMLS0tKQQIGCsBDgMHFwclBiMiLgQnNT4FMzIeBBcnLgUjIg4EFRUUHgQzMj4ENwRuARo1Uzr7f/7gPkhdlHNUNhoBARo2UnOVXV2Vc1M1GgG4AQsdMUpnRURmSjEeDQ0eMUpnREVnSjAdCwECl1GkmIUx0Xn0EjlihZijUIBQpJiFYzk5YoWYpVACN3dzaE8uL09oc3c2gjZ3dGhQLy9PaHR3NwACALUAAARyBbAAEgAfACtAKA8BAAQBSgAEAAABBABhAAUFAlsAAgI8SwMBAQE9AUwoISohERAGCBorASERIxEhHgMVFA4CBwEHIwEzPgM1NC4CJyMCkP7duAGrZrSHTSlIZDwBNQHD/b/4Pm5TMC5ScUPzAlL9rgWwAjZso25HdmBKGv2SDALqASVGZUJGaUckAQAAAQB2/+wEaQXEAD8AM0AwAAECBAIBBHAABAUCBAVuAAICAFsAAABESwAFBQNbAAMDRQNMPDo2NTEvJBQuBggXKwE0LgInLgM1ND4CMzIeAhcjLgMjIg4CFR4DFx4FFRQOAiMiLgInMx4DMzI+AgOoPWBzNU2fg1NThqpWX7CIUgK+CC5MaUI1ZU8vAT5fbzE2bmZYQiVXiq5XYbqTXAO9CThYc0Q2aVI0AXBDXD8qERlGZoteXpRmNT9yomQ/Z0opHjxYOj9XPCgPESs4RllrQWKSYTE8caNoRGlJJRs5VwABAEwAAASEBbAABwAbQBgCAQAAA1kAAwM8SwABAT0BTBERERAECBgrASERIxEhNSEEhP4+tP4+BDgFEvruBRKeAAABAIv/7ARCBbAAGQAhQB4EAwIBATxLAAICAFsAAABFAEwAAAAZABklFSUFCBcrARMOAyMiLgInEzMTHgMzMj4CNxMEQAICRn6uaGqufEYBArAEASdJbUdHbEkmAgMFsPwmZrKFTUyFs2YD2vwmQXhcODddeEED2gABAEcAAAR/BbAABgAVQBICAQAAPEsAAQE9AUwREREDCBcrAQEzASMBMwJiAVjF/jWh/jTGASoEhvpQBbAAAAEASQAABJ4FsAAMACBAHQoFAgEAAUoEAwIAADxLAgEBAT0BTBIREhERBQgZKwETMwMjAwMjAzMTEzMDgG+vsb27vb6xsG+7oQGKBCb6UARJ+7cFsPvaBCYAAAEAVwAABI8FsAALAB9AHAkGAwMBAAFKAwEAADxLAgEBAT0BTBISEhEECBgrAQEzAQEjAQEjAQEzAnEBOtr+WQGx2P6+/r3bAbL+WdkDdQI7/S79IgJG/boC3gLSAAABAD0AAAR5BbAACAAcQBkGAwIBAAFKAgEAADxLAAEBPQFMEhIRAwgXKwEBMwEDIwMBMwJbAUzS/jsDrAP+O9MC1QLb/G/94QIfA5EAAQByAAAENwWwAAkAKUAmCQECAwQBAQACSgACAgNZAAMDPEsAAAABWQABAT0BTBESERAECBgrJSEVIScBITUhFwFFAvL8PQIC1f04A5sCnZ2QBIKejQABAar+yAM2BoAABwAiQB8AAwAAAQMAYQABAgIBVQABAQJZAAIBAk0REREQBAgYKwEjETMVIREhAzbd3f50AYwF6Pl4mAe4AAABAOf/gwPuBbAAAwATQBAAAQABcwAAADwATBEQAggWKxMzASPnpwJgpwWw+dMAAQGV/sgDIgaAAAcAIkAfAAAAAwIAA2EAAgEBAlUAAgIBWQABAgFNEREREAQIGCsBIREhNTMRIwGVAY3+c97eBoD4SJgGiAAAAQDnAqUD5QWwAAgAG0AYBwEAAQFKAgEAAQBzAAEBPAFMEREQAwgXKwEjATMBIwMnBwGTrAFAfwE/q8YPDwKlAwv89QHmREQAAQCb/2kEMAAAAAMAGEAVAAEAAAFVAAEBAFkAAAEATREQAggWKwUhNSEEMPxrA5WXlwABAZ8EvwMtBckAAwDaS7AKUFhACwAAAQBzAAEBPAFMG0uwDFBYQAsAAAEAcwABAT4BTBtLsA5QWEALAAABAHMAAQE8AUwbS7AQUFhACwAAAQBzAAEBPgFMG0uwElBYQAsAAAEAcwABATwBTBtLsBZQWEALAAABAHMAAQE+AUwbS7AXUFhACwAAAQBzAAEBPAFMG0uwGVBYQAsAAAEAcwABAT4BTBtLsBtQWEALAAABAHMAAQE8AUwbS7AqUFhACwAAAQBzAAEBPgFMG0AJAAEAAXIAAABpWVlZWVlZWVlZWbQREAIIFisBIwMzAy2W+N8EvwEKAAACAJz/7AQ2BE4ALgA9AERAQTQBBQYtAwIABQJKAAMCAQIDAXAAAQAGBQEGYwACAgRbAAQER0sHAQUFAFsAAABFAEwwLzc1Lz0wPSQUJSgnCAgZKyEmJicOAyMiLgI1ND4CMzM1NC4CIyIOAhUjPgMzMh4CFREUFhcVJTI+Ajc1IyIGFRQeAgN1Cw0DHEVTXjVWi2E1R4K3ccokQl87N1c8IboBO2+fZVyec0IUEv34Nl5NOBCsorQbNlIVPyIcMiYWMlV1RFmGWSxVMU43HhwuPyI7cls4LVuIW/4JNnktEI0cLjsg22BnKEQxHAAAAgCv/+wEQwYAABUAKwCiS7AZUFhADw0BBAMhIAIFBAgBAAUDShtADw0BBAMhIAIFBAgBAQUDSllLsBlQWEAbAAICPksABAQDWwADA0dLAAUFAFsBAQAARQBMG0uwIVBYQB8AAgI+SwAEBANbAAMDR0sAAQE9SwAFBQBbAAAARQBMG0AfAAQEA1sAAwNHSwACAgFZAAEBPUsABQUAWwAAAEUATFlZQAkpKSMREyQGCBorARQOAiMiJicHIxEzETY2MzIeAhUjNC4CIyIOAgcRHgMzMj4CNQRDOGyfZ2iZNgmquTWWZGigbDi5H0RuUDBQPzEREjFAUDBMbUUhAhF0yZRUSkV7BgD9xkJGUpLLeU+PbUAZLT0k/ickPS4ZP2yOTwABAI//7AQzBE4AKwA7QDgABAUBBQQBcAABAAUBAG4ABQUDWwADA0dLBgEAAAJbAAICRQJMAQAiIBwbFxUMCgYFACsBKwcIFCslMj4CNzMOAyMiLgI1NTQ+AjMyHgIVIy4DIyIOAhUVFB4CAnsyX0otAa8BSXqeVnu4ez4+e7h7YKF1Qq8BKUZhOFZ1SB8fR3WCIDlNLUiDYztYlcNsKmvElVg9aZBSMVdCJkVvikYqR4tvRQACAIv/7AQcBgAAFQApAIpADwgBBQAhIAIEBQ0BAgQDSkuwGVBYQBsAAQE+SwAFBQBbAAAAR0sABAQCWwMBAgI9AkwbS7AhUFhAHwABAT5LAAUFAFsAAABHSwACAj1LAAQEA1sAAwNFA0wbQB8ABQUAWwAAAEdLAAEBAlkAAgI9SwAEBANbAAMDRQNMWVlACScpIxETJAYIGisTND4CMzIWFxEzESMnBgYjIi4CNTMUHgIzMj4CNxEmJiMiDgIViz1xoGNhkTW5qgg2lmRin3A+uSJHbk0vTD4wEiR6W05vRyICJnnLklJBPgIx+gByQkRUlMl0T45sPxYpOSMB9kJVQG2PTwAAAgCH/+wERQROAB8AKwBAQD0bGgIDAgFKAAUAAgMFAmEHAQQEAVsAAQFHSwADAwBbBgEAAEUATCEgAQAmJSArISsYFhIRDAoAHwEfCAgUKwUiLgI1NTQ+AjMyHgIVFSEeAzMyNjcXDgMDIg4CByE1LgMCjHK/iExUi7Fdda90Ofz7AzNZfEtjmjNxG1Fqhmc4ZFA3CwJGAyNEZxROjMBxKoPPj0xRj8JxU0qCYThQQlgpSzojA8opT3NLDjZqVDQAAQCYAAAEawYrABkAN0A0DQEDAg4BAQMCSgACAAMBAgNjBQEAAAFZBAEBAT9LBwEGBj0GTAAAABkAGRETJSUREQgIGishESE1ITU0PgIzMhYXByYmIwYGFRUhFSERAcL+1gEqPW+cYEJ9QhYpbT6CgwGh/l8Dq49MaJ1qNhYRmQ4VAYKFTI/8VQAAAgCM/lYEHQROACkAPwCPS7AZUFhAFAgBBgA1NAIFBiEBBAUWFQIDBARKG0AUCAEGATU0AgUGIQEEBRYVAgMEBEpZS7AZUFhAIAAGBgBbAQEAAEdLAAUFBFsABARFSwADAwJbAAICQQJMG0AkAAEBP0sABgYAWwAAAEdLAAUFBFsABARFSwADAwJbAAICQQJMWUAKKSknKSUTJAcIGysTND4CMzIWFzczERQOAiMiLgInNx4DMzI+AjU1BgYjIi4CNTMUHgIzMj4CNxEuAyMiDgIVjDtwoGVklzUJqEN5qGYqbG9nJWAiSEpKJUJqSyg2k2FjoG88uSFHbk0wTT0wEhIwPkwuTm9HIQImecuSUkdDdvvda6Z0PBMrSDVvKTkiDyZJbEZdPkFUlMl0T45sPxcqOiMB8CI4KRdAbY9PAAABAK4AAAQsBgAAFQBJthEAAgECAUpLsCFQWEAWAAQEPksAAgIAWwAAAEdLAwEBAT0BTBtAFgACAgBbAAAAR0sABAQBWQMBAQE9AUxZtxETIxUiBQgZKwE2NjcyHgIVESMRNCYHIgYHESMRMwFnOqpqVYtiNbl/dlmRLbm5A5lVXwExaJ9t/VcCq4WCAVdI/O4GAAAAAgDLAAAEVQXDAAkAFQAtQCoABgYFWwAFBURLAAQEAFkAAAA/SwMBAQECWQACAj0CTCQjERERERAHCBsrEyERIRUhNSERIQE0NjMyFhUUBiMiJssCKQFh/HYBcP6QAVg3ODc4ODc4NwQ6/GagoAL5Ab0uPz8uLTw8AAACANP+SwNYBcMAFwAjADVAMgsBAgMKAQECAkoABQUEWwAEBERLAAMDAFkAAAA/SwACAgFbAAEBSQFMJCMVRDUQBggaKwEhERQOAiMiJic3HgMzMj4CNREhATQ2MzIWFRQGIyImASsCIjltnWQ5YzcNETQ1MQ40XEQn/pcBTzY4ODg4ODg2BDr7v2igbTkHCpgDBQMBG0BpTQOgAb4tPz8tLT09AAEAsAAABGoGAAAMAEW3CgYBAwACAUpLsCFQWEARAAEBPksAAgI/SwMBAAA9AEwbQBcAAQEAWQMBAAA9SwACAj9LAwEAAD0ATFm2EhMREgQIGCsBBxEjETMRNwEzAQEjAfKIurp5AWPh/koB+esB+YP+igYA/FSCAWT+Pf2JAAEAywAABFUGAAAJAD9LsCFQWEAWAAQEAFkAAAA+SwMBAQECWQACAj0CTBtAFAAAAAQBAARhAwEBAQJZAAICPQJMWbcREREREAUIGSsTIREhFSE1IREhywIpAWH8dgFw/pAGAPqgoKAEvwABAF0AAARyBE4AIgBxS7AbUFhADAYBAgMAHxYCAgMCShtADAYBAgMHHxYCAgMCSllLsBtQWEAWBQEDAwBbCAcBAwAAR0sGBAICAj0CTBtAGggBBwc/SwUBAwMAWwEBAABHSwYEAgICPQJMWUAQAAAAIgAiEyMVIhMjIwkIGysBFzY2NzIXNjY3MhYVESMRNAciDgIHESMRNCYHIgYHESMRAQMFIWtMlTIgaUt3gLB9ITAgEgOwOj86QA+wBDpmOUABdDQ/AZKU/NgDKogBEh8pFvy/AytBRgEuJvyjBDoAAAEArgAABCkETgAXAE22FAECAQIBSkuwG1BYQBMAAgIAWwUEAgAAR0sDAQEBPQFMG0AXBQEEBD9LAAICAFsAAABHSwMBAQE9AUxZQA0AAAAXABcTJRUjBggYKwEXNjY3Mh4CFREjETQuAiMiBgcRIxEBVA07rGpVi2I1uSA/WztdjSq5BDqgVF8BMGadbP1RAqtIZD4cXUz8+AQ6AAIAev/sBFIETgAVACsAH0AcAAMDAFsAAABHSwACAgFbAAEBRQFMKSkpJAQIGCsTND4CMzIeAhUVFA4CIyIuAjUzFB4CMzI+AjU1NC4CIyIOAhV6RH+2cnO3f0REf7Zyc7d/RLkmTXRNTHNNJidNc01Nck0mAid1yZRVVZTJdRZ1yJRUVJTIdVCRbkBAbpFQFk+RbkFBbpFPAAACAK3+YAQ/BE4AFQAnAGJADw0BBAIfHgIFBAgBAAUDSkuwGVBYQBsABAQCWwMBAgI/SwAFBQBbAAAARUsAAQFBAUwbQB8AAgI/SwAEBANbAAMDR0sABQUAWwAAAEVLAAEBQQFMWUAJJSkjERMkBggaKwEUDgIjIiYnESMRMxc2NjMyHgIVIzQuAiMiBgcRFhYzMj4CNQQ/OGyfZmOXNrmpCTaZZWigbDi5I0lwTll5JCR4XE1wSCMCEXTJlFRAPP34Bdp2Q0dSkst5T49tQFNB/fdAUUFukE8AAAIAjP5gBBwETgAVACkAekuwGVBYQA8IAQUAHx4CBAUNAQMEA0obQA8IAQUBHx4CBAUNAQMEA0pZS7AZUFhAGwAFBQBbAQEAAEdLAAQEA1sAAwNFSwACAkECTBtAHwABAT9LAAUFAFsAAABHSwAEBANbAAMDRUsAAgJBAkxZQAknKSMREyQGCBorEzQ+AjMyFhc3MxEjEQYGIyIuAjUzFB4CMzI2NxEuAyMiDgIVjDpwo2hgkzYIqrk2kF5noXA7uSNIb01ZeCYTMT1JK01wSSMCJnnLklJBPmv6JgICOT1UlMl0T5BuQVBAAhYfMyYVQm+QTwABAUkAAAQxBE4AEwBoS7AbUFhADAUBAQARDAYDAgECShtADAUBAQMRDAYDAgECSllLsBtQWEASAAEBAFsDBAIAAEdLAAICPQJMG0AWAAMDP0sAAQEAWwQBAABHSwACAj0CTFlADwIAEA8ODQoIABMCEwUIFCsBMh4CFwcmJiMiBgcRIxEzFzY2A3MaODMrDhk2YTWCoSa6sAlCuQROAwcKBrUMC3Zq/UoEOqxZZwABAK//7AQ2BE4AOwAzQDAAAQIEAgEEcAAEBQIEBW4AAgIAWwAAAEdLAAUFA1sAAwNFA0w6ODQzLy0kFC4GCBcrATQuAicuAzU0PgIzMh4CFSM0LgIjIg4CFRQeAhceAxUUDgIjIi4CNTMeAzMyNgN9Gj5mTF2ZbTw+cJtdZKBwPbkkQFs5O1k7Hhg7Y0xknmw5QXSiYG6sdz+5BDVPYC91iAEfITUsJQ8TNktlQ0JzVjI0XHtHI0M0IBosOh8gMiggDxU3TWZDSHZULjthgEU5TjAUVgAAAQCO/+wEKQVAAB8AOUA2DwECARABAwICSgcBBgAGcgQBAQEAWQUBAAA/SwACAgNbAAMDRQNMAAAAHwAfERUpJRERCAgaKwERIRUhERQeAjMyPgI3Fw4DIyIuAjURITUhEQJkAZz+ZCA4SSkeQD01ERoXQk5XK0h9XDX+5AEcBUD++o/9tD9SMRQHCgsEgw4VDwgpWY1kAkyPAQYAAQC0/+wEHwQ6ABcARLUTAQIBAUpLsBlQWEASAwEBAT9LAAICAFsEAQAARQBMG0AWAwEBAT9LAAQEPUsAAgIAWwAAAEUATFm3ERMlFSIFCBkrJQYGIyIuAjURMxEUHgIzMjY3ETMRIwNsNqJqVYpiNbkcOFE1cYsiuqiVUFk1cK15AoP9e1h0RRxcTgMI+8YAAQBiAAAEZQQ6AAgAG0AYAQEBAAFKAgEAAD9LAAEBPQFMERETAwgXKwEXNwEzASMBMwJWERIBL73+R43+Q74BCkNDAzD7xgQ6AAABADAAAASnBDoAEgAhQB4NBgEDAgABSgQBAgAAP0sDAQICPQJMERQRFBMFCBkrARc3EzMTFzcTMwMjAycHAyMDMwFSFhutd6wdG3ik5pKpHBunkuakAYibmwKy/U6qqgKy+8YCl6io/WkEOgABAG4AAARyBDoACwAfQBwJBgMDAQABSgMBAAA/SwIBAQE9AUwSEhIRBAgYKwEBMwEBIwEBIwEBMwJtASHZ/m0Bntb+1f7V2AGe/m3WAqkBkf3p/d0BnP5kAiMCFwAAAQBE/ksEhQQ6ABwAJEAhGgECAgABSgQBAAA/SwMBAgIBXAABAUkBTBYxJDUSBQgZKwEXATMBDgMjIi4CJzcyHgIzMj4CNzcBMwI8MAFKz/3bEztUcEkNICAcCR4HGBoYByY/MSMKSv4uzwGAgwM9+x8qXlA2AwUGApcCAgEqOj4UkAQHAAABAKAAAAQ9BDoACQApQCYJAQIDBAEBAAJKAAICA1kAAwM/SwAAAAFZAAEBPQFMERIREAQIGCslIRUhNQEhNSEVAYwCsfxjAob9gwNwl5eIAxmZgwABAUP+kgPnBj0AKgAzQDAhAQECAUoAAwAEAgMEYwACAAEFAgFjAAUAAAVXAAUFAFsAAAUATyopERkRGRAGCBkrAS4FNTU0Jic1MjY1NTQ+BDcXDgMVFQYGBxYWFxUUHgIXA9JBalQ9KRSJjY2JEiY7VG1FFUhVKwwBbnR0bgEUMVE+/pICKERaZ201qZCCAZGBkao1bWdaRCgCcwJAY3w9qni1Ly61d6k+e2NAAgABAhz+cgKxBbAAAwATQBAAAQE8SwAAAEEATBEQAggWKwEjETMCsZWV/nIHPgAAAQFD/pID5wY9ACgAN0A0CQEEAwFKAAIAAQMCAWMAAwAEAAMEYwAABQUAVwAAAAVbAAUABU8oJyAfHh0UExIREAYIFSsFPgM1NTQ2NyYmNTU0LgInNx4FFRUUFjMVBgYVFRQOAgcBQz1SMRVudHRuDStUSBRFbVQ7JhKKjIyKLF2OYvsCQGN7Pql3tS4vtXiqPXxjQAJzAihEWmdtNaqRgZEBgpCpUKOGVgIAAAEAMAGSBJwDIgAlAC5AKyUAAgECExICAAMCSgACAAEDAgFjAAMAAANXAAMDAFsAAAMATyYpJiQECBgrARQOAiMiLgInJiYHIg4CFSc0PgIzMh4CFxYWNzI+AjUEnCxQbkMvUU1LKDdkOCM9LBqGLE9uQy5TTksnOWE4Iz0tGgLkQnpeOBIkNCItNQEdMUMmEUJ4WjUTJDQgMDMBIDVGJgACAfL+jALYBE8AAwAPADtLsBdQWEAVAAICA1sAAwNHSwAAAAFZAAEBQQFMG0ASAAAAAQABXQACAgNbAAMDRwJMWbYkIxEQBAgYKwEzESMTFAYjIiY1NDYzMhYCCrm5zjs4OTo6OTg7AmP8KQVSLj8/LjBBQQAAAQCT/wsENwUmADEAS0BIHBkCBQMOCwICAAJKAAQFAQUEAXAAAQAFAQBuAAMABQQDBWMGAQACAgBXBgEAAAJZAAIAAk0BACgmIiEbGg0MBgUAMQExBwgUKyUyPgI3Mw4DBxUjNS4DNTU0PgI3NTMVHgMVIy4DIyIOAhUVFB4CAn8yX0otAa8BOmKDSblgkWAxMWCRYLlQhGA1rwEpRmE4VnVIHx9HdYIgOU0tQHVfQgzo6xJjjrBfKl+vj2MS4t4MRWaCSTFXQiZFb4pGKkeLb0UAAQBxAAAEfAXEACsAPkA7AAYHBAcGBHAIAQQKCQIDAAQDYQAHBwVbAAUFREsCAQAAAVkAAQE9AUwAAAArACsVJBQlERYRERQLCB0rARcUBgchByE1Mz4DNScjNTMDND4CMzIeAhUjNC4CIyIOAhUTIRUBzwgdIALiAfv6SxslFggIpaAJQ3akYGCYaTi6J0NXMDNZQCUIAUACcuJFhDCXlwc4SVEg4pgBBWaicTw4Zo5XP1k5GydJa0P++5gAAAIAZ//lBJIEOAAjADcAYkAgGhgSEAQDASEbDwkEAgMiCAYDAAIDShkRAgFIIwcCAEdLsB9QWEAVAAMDAVsAAQE/SwACAgBbAAAARQBMG0ATAAEAAwIBA2MAAgIAWwAAAEUATFlACjQyKigWFCIECBUrJQYGIyImJwcnNyYmNTQ2Nyc3FzY2MzIWFzcXBxYWFRQGBxcHARQeAjMyPgI1NC4CIyIOAgOjPpZVVZU+aINwJigsKniDdTyPUFCQPHiEfCgsKCR0hP0nMld3RUV2VzExV3ZFRXdXMlQyNjYwbIdzP5NRVppBfId6LDAxLX2IgECYVVCRPneIAh5KhGM7O2OESkqEYzo6Y4QAAQAhAAAEqwWwABcAM0AwCQEBCAECAwECYgcBAwYBBAUDBGEKAQAAPEsABQU9BUwXFhUUERERERESERERCwgdKwEBMwEhFSEHFSEVIREjESE1ITUhNSEBMwJmAXHU/lsBPv58AQGF/nu5/oQBfP6EATz+W9QDCwKl/TB5Aqd4/roBRnipeQLQAAIB//7yArgFsAADAAcAJEAhAAAEAQEAAV0AAgIDWQADAzwCTAAABwYFBAADAAMRBQgVKwERMxERIxEzAf+5ubn+8gMX/OkDyAL2AAACAFf+EQR0BcQASQBfADlANlhNKAMEAQQBSgAEBQEFBAFwAAECBQECbgACAAACAF8ABQUDWwADA0QFTDw6NjUxLyQUKgYIFysBFAYHFhYVFA4CIyIuAjU3FB4CMzI+AjU0LgInLgM1NDY3JiY1ND4CMzIeAhUjNC4CIyIOAhUUHgIXHgMlJiYnBgYVFB4CFxYWFzY2NzQuAgR0YlhFSUeBs21iu5JauTxgeDxGcE8qJlSFYGqtekJgVkJHR4C0bXK2f0W5KU5zSUtxTSYiUYZkbK16Qf3iLVElTk8kUohkLFAlTFYBKFaIAa9hiigwiGRYiF4xLWWleAJOa0MdIDhOLzBGOTQdHUVihl9eiykxiGRUh2AzOW2haDpnSywhOU4tNEg5MRweRmCFpgwZDhJkRzVKOzIcDRgOFGNHMEk8NQAAAgEfBPADqAXFAAsAFwAXQBQDAQEBAFsCAQAARAFMJCQkIgQIGCsBNDYzMhYVFAYjIiYlNDYzMhYVFAYjIiYBHzc2Njg4NjY3Aa43NjY4ODY2NwVbLT09LS08PCstPj4tLD09AAMAWv/rBIMETgAjADcATQBOQEsAAgMFAwIFcAoBBQQDBQRuAAEAAwIBA2MABAAABgQAYwAHBwhbAAgIR0sABgYJWwAJCUUJTAAASkhAPjQyKigAIwAjKSISKSILCBkrARQGIyIuAjU1ND4CMzIWFSMmJiMiDgIVFRQeAjMyNjclFB4CMzI+AjU0LgIjIg4CBzQ+BDMyHgIVFA4CIyIuAgNeg3Y+YEIkJEJgPnaEbgFDSCY5JhISJjkmSEIB/cFEeKNfXqN4RER4o15fo3hEVyVEYXaKS3HCj1JSj8JxccOPUgG7dHcsTWo/Vz5rTix4c0dCHjNHKFgpRjQeQkhjYq2BSkuBrGJhq4BJSYCrYU6PfWZIKFiXzHV1zZlYWJnNAAIBHAKzA7EFxAAiAC8AtUuwI1BYQA8UEwIBAigBBQYCAQAFA0obQA8UEwIBAigBBQYCAQQFA0pZS7AWUFhAHwgBBQcEAgAFAF8AAgIDWwADA0RLAAYGAVsAAQFHBkwbS7AjUFhAHQABAAYFAQZjCAEFBwQCAAUAXwACAgNbAAMDRAJMG0AkBwEEBQAFBABwAAEABgUBBmMIAQUAAAUAXwACAgNbAAMDRAJMWVlAFSQjAAArKSMvJC8AIgAiJyMkJAkIGCsBJicGBgciJjU0NjMzNSYmIyIGByc+AzMyHgIVERQWFyUyPgI3NSMiBhUUFgMMDwYecFR2g62ejQE+P0NRAaEBLVFyRUFrSyoMDv6LGzszJwiMT1tAAsEsNStDAXppcHc0QUY1NAwzVj4iI0VoRP7GMFgtexEdJBJtQjEtMf//ANQAdgPXA5ICJwF0/0j/3QEHAXQAl//dABKxAAG4/92wMyuxAQG4/92wMysAAQC9AXcD+wMgAAUAPkuwClBYQBYAAAEBAGcAAgEBAlUAAgIBWQABAgFNG0AVAAABAHMAAgEBAlUAAgIBWQABAgFNWbURERADCBcrASMRITUhA/u5/XsDPgF3AQihAAQAV//rBIAETQATACcANwBAAExASTQBBwgBSgYBBAcCBwQCcAAFAAkIBQljAAgKAQcECAdhAAMDAFsAAABHSwACAgFbAAEBRQFMKChAPjo4KDcoNxghFSgoKCQLCBsrEzQ+AjMyHgIVFA4CIyIuAjcUHgIzMj4CNTQuAiMiDgIFFSMRMzIeAhUUBgcTIycnMzY2NTQmIyNXUo/DcXHCj1JSj8JxccOPUldEeKNfXqN4RER4o15fo3hEAU5r0zdYPyJGQpNueH13MEY8SWgCHHXNmFdXmM11dc2XWFiXzXViq4BKSoCrYmKsf0lJf6yZ/QJ7GDBIMDhOFv7h/WEBLio3LAAAAQEBBSEDywWwAAMAE0AQAAAAAVkAAQE8AEwREAIIFisBITUhA8v9NgLKBSGPAAIBaQPAA2IFxAATACcAH0AcAAMDAFsAAABESwABAQJbAAICPwFMKCgoJAQIGCsBND4CMzIeAhUUDgIjIi4CNxQeAjMyPgI1NC4CIyIOAgFpKUVdNDNbRCgoRFszNF1FKXwVIzAbGy4jExMjLhsbMCMVBMA1X0cpKUdfNTVeRSgoRV02Gy8jExMjLxscMSQUFCQxAAACAJwAAQQwBPMACwAPACtAKAQBAAMBAQIAAWEABQACBwUCYQAHBwZZAAYGPQZMERERERERERAICBwrASEVIREjESE1IREzASE1IQLFAWv+laj+fwGBqAFB/L0DQwNXmP5iAZ6YAZz7DpcAAQE8ApsDpgW7AB4AlrUCAQAEAUpLsApQWEAaAAIBBAECBHAABAAABABdAAEBA1sAAwM8AUwbS7AMUFhAGgACAQQBAgRwAAQAAAQAXQABAQNbAAMDRAFMG0uwDlBYQBoAAgEEAQIEcAAEAAAEAF0AAQEDWwADAzwBTBtAGgACAQQBAgRwAAQAAAQAXQABAQNbAAMDRAFMWVlZtxokEicQBQgZKwEhNQE2NjU0JiMiBgcjND4CMzIeAhUUDgIHByEDpv2pASBBOEI6SkcBnipOb0VCakooGzNHK68BjwKbbAEPPFcjMT1LOjZgRykhPlc3KEdFRyeRAAABAUMCjwOfBboALwB2tRgBBwABSkuwLFBYQCwAAgEAAQIAcAAFBwYHBQZwAAYABAYEXwABAQNbAAMDPEsABwcAWwAAAEcHTBtAKgACAQABAgBwAAUHBgcFBnAAAAAHBQAHYwAGAAQGBF8AAQEDWwADAzwBTFlACyQiFC0kEiQgCAgcKwEzMjY1NCYjIgYHIzQ+AjMyHgIVFAYHFhUUDgIjIi4CNTMWFjMyNic0JiMjAg5URkxCQzlKAZ0tTWg8QGxOK0dBli9TcEA5a1MzngFPQURMAVdIVARlOjMtOjAsM1I5Hx05VDc4WhkqjjhWOh8bOVg9Ljs8Mz80AAABAZoEvwMyBckAAwDaS7AKUFhACwABAAFzAAAAPABMG0uwDFBYQAsAAQABcwAAAD4ATBtLsA5QWEALAAEAAXMAAAA8AEwbS7AQUFhACwABAAFzAAAAPgBMG0uwElBYQAsAAQABcwAAADwATBtLsBZQWEALAAEAAXMAAAA+AEwbS7AXUFhACwABAAFzAAAAPABMG0uwGVBYQAsAAQABcwAAAD4ATBtLsBtQWEALAAEAAXMAAAA8AEwbS7AqUFhACwABAAFzAAAAPgBMG0AJAAABAHIAAQFpWVlZWVlZWVlZWbQREAIIFisBMwEjAlLg/vSMBcn+9gABALz+YAQQBDoAFgBdQAsJAQABEw4CAgACSkuwGVBYQBgGBQIBAT9LAAAAAlsDAQICPUsABARBBEwbQBwGBQIBAT9LAAICPUsAAAADWwADA0VLAAQEQQRMWUAOAAAAFgAWEiMREyUHCBkrAREUHgIzMjY3ETMRIycGBiMiJxEjEQF1IDtRMGt9HbqnCSyBWpJSuQQ6/ZJkgEocUkcDH/vGdEFHSf4rBdoAAAEA0wAAA9AFsAAOAB9AHAAAAAFbAAEBPEsDAQICPQJMAAAADgAOKCEECBYrIREjIi4CNTQ+AjMhEQMWV3a3fkFBfrd2ARECCEZ8rGZlq31H+lAAAAEB+AJrAt4DSQALABhAFQAAAQEAVwAAAAFbAAEAAU8kIgIIFisBNDYzMhYVFAYjIiYB+Do5ODs7ODk6AtkwQEAwLz8/AAABAc3+TQMDAAAAFQAmQCMUAQIBAgFKAwECAQJyAAEBAFwAAABJAEwAAAAVABURGAQIFishBx4DFRQGBycyPgI1NC4CJzcCdgwdNysanpEHIjwtGxQpPCgfNAUYKD0rYXABawsYJRsZIhUMA4YAAAEBggKZAvYFrgAGABJADwUEAwIEAEgAAABpEAEIFSsBIxEHNSUzAvad1wFiEgKZAlk5gHUAAAIBEAKyA7wFxAAVACsAHEAZAAIAAQIBXwADAwBbAAAARANMKSkpJAQIGCsBND4CMzIeAhUVFA4CIyIuAjUzFB4CMzI+AjU1NC4CIyIOAhUBEDBZfk9Pf1kvL1h+T1B/WTCjFi1ELixDLBcXLUMtLUMtFgR1SXtZMjJZe0l1SHtZMjJZe0gqRzQeHjRHKnUpRzUeHjVHKQD//wDxAJgD/gO1AicBdf9lAAAABwF1AL4AAP//ADAAAASNBbYALwG2/vgC7zmaACYBdvYIAQ8BuQFCAAA5mgARsQABuALvsDMrsQEBsAiwMysA//8AJAAABJYFsgImAXa6CAAvAbb+7ALrOZoBDwGVAU8AADmaABGxAAGwCLAzK7EBAbgC67AzKwD//wAlAAAErgW4AiYBdjkHAC8BuQFjAAA5mgEPAbj/DQLoOZoAEbEAAbAHsDMrsQMBuALosDMrAAACAMz+eAQABE0AJwAzAGVLsCpQWEAlBgEDBQEFAwFwAAEABQEAbgAFBQRbAAQER0sAAAACXAACAkECTBtAIgYBAwUBBQMBcAABAAUBAG4AAAACAAJgAAUFBFsABARHBUxZQBAAADIwLCoAJwAnJBQsBwgXKwEOAwcOAxUUFjMyPgI1Mw4DIyIuAjU0PgI3PgM1AzQ2MzIWFRQGIyImAtQBCR47MR9CNyN0bStRPya5AT9ulVdhmWk3L0lbLR0gDwMeOjk5Ojo5OToCoUdcSEMtI0tSWjNtcxcxSzRUhl0xM2KMWkiAcWMrHTI1PCcBOzBBQTAuPz8AAAIAIAAABKsFsAAPABIAO0A4EgEFBAFKAAUABggFBmEACAABBwgBYQAEBANZAAMDPEsABwcAWQIBAAA9AEwRERERERERERAJCB0rISEDIQMjASEVIRMhFSETIQEzAwSr/e0B/sp7xgIwAkT+rwIBLv7SAQFl/PP5AgFh/p8FsJj+KZf97QF4AsIAAAEAtQDOBDoEYwALAAazCQMBMCsTAQE3AQEXAQEHAQG1AUr+uXcBSAFJd/64AUt3/rT+tQFJAVEBTnv+sQFPe/6y/q97AVH+rwAAAwBH/6MEjAXsACUANABDAD5AOx0BBAI5OCopIA0GBQQKAQAFA0oAAQABcwADAz5LAAQEAlsAAgJESwAFBQBbAAAARQBMLS0TLRMmBggaKwEOBSMiJicHIxMuAzU1PgUzMhYXNzMDHgMXBRYWFwEmJiMiDgQHISYmJwEWFjMyPgQ3BFkBGTRRcJFaW445aI6gIjIhEAEZNVFwkVpmnTtjjqEcKRsNAfy/ARcdAfIlb05AYkgwHQ0BAooBDxP+FSVkQkFjRy8dCwEChE6flIBgNzcwsAEOMXB4fT2mTp+UgWE3RTuo/vAvaW9zOKZFm0YDSzVBLk1lb3EzOoE+/MIpLy5NZW9yNAAAAgCoAAAEXgWwABAAHQA0QDEAAAcBBQQABWMABAABAgQBYwYBAwM8SwACAj0CTBERAAARHREcFBIAEAAQESghCAgXKwERITIeAhUUDgIjIREjERMRITI+AjU0LgIjAWEBFXW1fUFBfbV1/uu5uQEVTnJLJCRKc04FsP7bP3GcXV2ccT/+xwWw/kP93i1LYjU2Y00tAAEAqf/rBEwGFgBDAFFACiMBAwQiAQADAkpLsBdQWEAUAAEABAMBBGMAAwMAWwIBAAA9AEwbQBgAAQAEAwEEYwAAAD1LAAMDAlsAAgJFAkxZQAtBPyknHhwlEAUIFishIxE0PgIzMh4CFRQOAhUUHgQVFA4CIyIuAic3HgMzMj4CNTQuBDU0PgQ1NC4CIyIGBwFhuDtpkFVLgmI4KDAnLURQRC0zXH9MKVhRRBQqEjU/RSIvRCwVLURQRC4UHyQfFB4xPyBjdwEEP3CweD8pVH9WT2tUTTIuSkZGUmRBVX5UKgsTGhCbCxsXDxswQCYvTUVHU2dEJ0I7Nzs/JjJLMxqkmwAAAwAr/+wEqQROADsASABXAGpAZyEBAwVMNgIIBzcDAgAIA0oABAMCAwQCcAoBAgwBBwgCB2MOCQIDAwVbBgEFBUdLDwsCCAgAWwENAgAARQBMSkk9PAEAT01JV0pXQ0I8SD1IMjArKiUjHx0ZGBYUEQ8JBwA7ATsQCBQrBSImJw4DIyIuAjU0NjMzNTQmIyIGFSc0PgIzMhYXNjYzMh4CFRUhFRQeAjMyPgI3Fw4DAyIOAgcVITU0LgIBMjY3AyMiDgIVFB4CA4BnlC4TM0JQMEdsSifQxT8+RD9Osy1TdkhTfScrd0pRe1Qr/gcbO1xCJjsvJhAuDS5FXV0tQSoVAQFJFCg6/fAlTBwBPTVUOh8TJTcUS0cdNSgYLE9xRaa4lExbU0sIRW9PKzY1Mzg1YYlU6lZCaEgnDhUYC4gKHRoTA8onQlgwRYAjQTMf/MwrHQElIztNKx83KRgAAgBJ/+wEKgXxACUAPQAxQC4WAQIBAUolJCMgHxwbGhkJAUgAAQACAwECYwADAwBbAAAARQBMOTcvLSgoBAgWKwEWEhUVFA4CIyIuAjU0PgIzMhYXJiYnBSc3JiYnNxYWFzcXAzQmNS4DIyIOAhUUHgIzMj4CNQNNaHVLhrdtbLWDSEmDs2lYmTkXWj7+9knvKVcuOVCPP+ZJrwEROVBnPkVwTyoqT3NKSHNRLAUGdv63zj6K25lRS4SyZnO8hklEOG6oP5hjiRspEJ8WSTOEZPz8DRgNGzMnFzligkk+eV87QHOjYwADAHMAsQRZBLQAAwAPABsALEApAAIAAwECA2MAAQAABAEAYQAEBQUEVwAEBAVbAAUEBU8kJCQjERAGCBorASE1IQE0NjMyFhUUBiMiJgM0NjMyFhUUBiMiJgRZ/BoD5v2iNzY2ODg2NjcCNzY2ODg2NjcCWLgBOS0+Pi0tPDz8/i0+Pi0sPT0AAwB6/3kEUgS5AB0AKgA2AD5AOwsIAgQALy4iIQQFBBoXAgIFA0oAAQABcgADAgNzAAQEAFsAAABHSwAFBQJbAAICRQJMKisTKRMkBggaKxM0PgIzMhYXNzMHFhYVFRQOAiMiJicHIzcmJjUzFBYXASYmIyIOAhUhNCYnARYzMj4CNXpEf7ZyOWUtSXtlXmVEf7ZyNl8rSntlY2q5MDABVh1BJk1yTSYCZiwt/qw3RExzTSYCJ3XJlFUVFJTNS+qQFnXIlFQTEZfNSe6UW505ArYPEUFukU9VmDn9TxpAbpFQAAIArf5gBD8GFgAVACcAOkA3DQEEAx8eAgUECAEABQNKAAIDAnIABAQDWwADA0dLAAUFAFsAAABFSwABAUEBTCUpIxETJAYIGisBFA4CIyImJxEjETMRNjYzMh4CFSM0LgIjIgYHERYWMzI+AjUEPzZrnGZkmji5uTeYZGieaja5IkduTVt8JSZ6XkxuRiICEXTJlFRBPv31B7b9tEBEUpLLeU+PbUBTQv36QVJBbpBPAAACABgAAAS8BbAAEwAXADZAMwgGAgALBQIBCgABYQAKAAMCCgNhCQEHBzxLBAECAj0CTBcWFRQTEhEREREREREREAwIHSsBMxUjESMRIREjESM1MxEzESERMwEhNSEEPICAr/2rrnJyrgJVr/z8AlX9qwSPj/wAAqH9XwQAjwEh/t8BIf2OwgAAAQDLAAAEVQQ6AAkAIUAeAAQEAFkAAAA/SwMBAQECWQACAj0CTBEREREQBQgZKxMhESEVITUhESHLAikBYfx2AXD+kAQ6/GagoAL5AAIAgP/tBEwFsAADABkAT0uwG1BYQBoABAEFAQQFcAIBAQE8SwAFBQBbAwEAAD0ATBtAHgAEAQUBBAVwAgEBATxLAAAAPUsABQUDWwADA0UDTFlACSIUJREREAYIGishIxEzITMRFA4CIyIuAjUzFBYzMj4CNQE5ubkCWrkpVYFXSXtYMrpQRC48JA8FsPuTUX9YLilUgFdjWhsxRywABABQ/k4ETwW/ABcAIQAtADkAT0BMCwECBgoBAQICSgwBCgoJWwsBCQlESwgBAwMAWQQBAAA/SwcBBQUGWQAGBj1LAAICAVsAAQFJAUw4NjIwLComJBERERERFUQ1EA0IHSsBIREUDgIjIiYnNx4DMzI+AjURIyUhETMVITUzESMBNDYzMhYVFAYjIiYlNDYzMhYVFAYjIiYCrgGXOW2dZDljNw0RNDYwDjRcRCfe/acBpN/9eO/qAxw2ODg4ODg4Nv2+Nzg3ODg3ODcEOvvBaJ9uOAcKngMFAwEZPWdNA56h/GagoAL5AbotPz8tLT09LC0/Py0tPT0AAAEAugAABHIEOgAMAB9AHAoGAQMAAQFKAgEBAT9LAwEAAD0ATBITERIECBgrAQcRIxEzETcBMwEBIwIJlrm5bgGO3/44AezqAd2F/qgEOv3teAGb/iH9pQABADoAAARLBbAADQAmQCMLCgkIAwIBAAgAAgFKAAICPEsAAAABWgABAT0BTBURFAMIFysBJRUFESEVIREHNTcRMwGDAQb++gLI/H+QkLkDTVOiU/3ynQJwLaItAp4AAQDLAAAEVQYAABEATkANDQwLCgMCAQAIAAMBSkuwIVBYQBYAAwMEWQAEBD5LAgEAAAFZAAEBPQFMG0AUAAQAAwAEA2ECAQAAAVkAAQE9AUxZtxEVEREUBQgZKwElBwURIRUhNSERBTUlESE1IQL0ASIB/t8BYfx2AXD+rQFT/pACKQPNhKKE/XWgoAI2mqKaAeehAAEAr/5LBB0FsAAaADdANBkUEwMCAwoBAQIJAQABA0oFBAIDAzxLAAICPUsAAQEAWwAAAEkATAAAABoAGhEVJyUGCBgrARMUDgIjIiYnNx4DMzI2NTUBESMRMwERBBwBK1F2TB4zHQ4IGx0aBkFD/gW5uQH7BbD591KBWi8ICpMDBQMCbVdbBCv70wWw+9UEKwAAAQC4/ksEFwROACMAaUAPIAECBAMRAQIEEAEBAgNKS7AZUFhAHAADAwBbBgUCAABHSwAEBD1LAAICAVsAAQFJAUwbQCAGAQUFP0sAAwMAWwAAAEdLAAQEPUsAAgIBWwABAUkBTFlADgAAACMAIxMlJycjBwgZKwEXNjYzMh4CFREUBgciJic3HgMzMjY1ETQmIyIGBxEjEQFeDDafalaIXjKpmh42Hg4JHB4aB0NHdnZefiW5BDqaUV0yZ59s/P2ntAEICp0DBQMCYFoC/498ST781gQ6AAIAT//sBKYFxAAbACwA2EuwGVBYtR8BBAIBShtLsBtQWLUfAQQDAUobtR8BBAkBSllZS7AZUFhAIgAFAAYHBQZhCQEEBAJbAwECAkRLCggCBwcAWwEBAAA9AEwbS7AbUFhANwAFAAYHBQZhCQEEBAJbAAICREsJAQQEA1kAAwM8SwoIAgcHAFkAAAA9SwoIAgcHAVsAAQFFAUwbQDIABQAGBwUGYQAJCQJbAAICREsABAQDWQADAzxLAAcHAFkAAAA9SwoBCAgBWwABAUUBTFlZQBMeHCMgHCweLBERERESKSIQCwgcKyEhBgYjIi4CNRE0PgIzMhYXIRUhESEVIREhBTI3ESYmIyIOAhURFB4CBKb+VD6ERWGbbTs6bJthRYY+AaL+cwFY/qgBl/1NMTIZMho5WDoeHjxYBw1DhMOAAcOAw4REDAiY/iSY/fMUAwSiAgIlVo1p/jtpj1YlAAADAC7/7ASwBE4ALABCAE8AR0BECAEHABsBAwIkHAIEAwNKCgEIAAIDCAJhCQEHBwBbAQEAAEdLBgEDAwRbBQEEBEUETERDS0lDT0RPKSkkJyUVJCQLCBwrEzQ+AjMyFhc2NjMyHgIVFSEVFB4CMzI2NxcOAyMiJicGBiMiLgI1MxQeAjMyPgI1NTQuAiMiDgIVJSE1NC4CIyIOAhUuLVeAUlSALC14RlN5Tyb+NhQoPitEWyA3ES08TDBXgy0sf1NTgFgtuhEmPCsqOyYSEiY9Kio7JRIB/gERDyEzJSAzIxMCf2mqekJDPj9CQHKcW7VARG9QKyocfhIiGhBBPj1CQniqaURzUi4uUnNExkRyUy4vUnNDCFUqTj0lK05vQwABAcgAAAQLBisAEwAnQCQJAQEACgECAQJKAAAAAQIAAWMDAQICPQJMAAAAEwATJSUECBYrIRE0PgIzMhYXByYmIyIOAhURAcg9caBkJUclFxIuHURnRiQEZm2pczwMCY4FBipOcEX7mgAAAQCg/ksESgYrACkAP0A8IAEGBSEBBAYLAQIACgEBAgRKAAUABgQFBmMDAQAABFkHAQQEP0sAAgIBWwABAUkBTBMlJRETJyUQCAgcKwEjERQOAiMiJic3HgMzMjY3ESM1MzU0PgIzMhYXByYmIwYGBxUzA3/UMl2HVSlQJw4LKSwnC1VcAbGxOm2aYC9ZLxcaRyiCfAHUA6v8IV2QYTMQFJQICwkEfG0D349jYJVlNBYRkw0QAXt1YwAAAgBj/+wExgX6ACMAQQBVQAoZAQMBIAEEAwJKS7AoUFhAGgACAj5LAAMDAVsAAQFESwAEBABbAAAARQBMG0AaAAIBAnIAAwMBWwABAURLAAQEAFsAAABFAExZty0tFS0mBQgZKwEOBSMiLgQnNT4FMzIWFzY2NzMWBgcWFhcnLgUjIg4EBxUeBTMyPgQ3BFoBGTRRcJFaWpFwUjUaAQEZNVFwkVpxqT02MgGnAWReLCgCtwEMHTBIYkFAYkgwHQ0BAQ0eMEhiQUFjRy8dCwEChE6flIBgNzdggZSeTqZOn5SBYTdURxJsU3+oI1jKZAI0cW9lTS0uTWVvcTOoM3JvZk0uLk1lb3I0AAACAHf/7ASuBKoAHQAzAC9ALAgBBAAPAQMEAkoAAQABcgAEBABbAAAAR0sAAwMCWwACAkUCTCkpKxUkBQgZKxM0PgIzMhYXNjY1MwYGBxYWFRUUDgIjIi4CNTMUHgIzMj4CNTU0LgIjIg4CFXdEf7ZyYJ49NjOoAVtWKSpEf7Zyc7d/RLkmTXRNTHNNJidNc01Nck0mAid1yZRVOzURaFN5oiREpFwWdciUVFSUyHVQkW5AQG6RUBZPkW5BQW6RTwABAIv/7AWDBegAIwAzQDABAQEDAUoGBQIDAzxLAAEBAFkAAAA+SwAEBAJbAAICRQJMAAAAIwAjJRUlEhYHCBkrARU+AzUzFAYHEw4DIyIuAicTMxMeAzMyPgI3EwRALTwkD6ecpgECRn6uaGqufEYBArAEASdJbUdHbEkmAgMFsLgGIjtVOLS5C/1mZrKFTUyFs2YD2vwmQXhcODddeEED2gABALT/7AU/BJMAHwBbQAkcGQYDBAMCAUpLsBlQWEAYBgEFAgVyBAECAj9LAAMDAFsBAQAAPQBMG0AcBgEFAgVyBAECAj9LAAAAPUsAAwMBWwABAUUBTFlADgAAAB8AHxMlFSMUBwgZKwEGBgcRIycGBiMiLgI1ETMRFB4CMzI2NxEzFTY2NQU/AYyTqAs2ompVimI1uRw4UTVxiyK6RDQEk6q0E/zelVBZNXCteQKD/XtYdEUcXE4DCI0Sb2UAAQCw/ksDKgQ6ABcAKUAmCwECAwoBAQICSgADAwBZAAAAP0sAAgIBWwABAUkBTBVENRAECBgrASERFA4CIyImJzceAzMyPgI1ESEBBAImOW2dZDljNw0RMzYxDjRbRCf+lAQ6+79ooG05BwqYAwUDARtAaU0DoAAAAgCx/+wEXwRPAB8AKwBDQEAbAQMAGgECAwJKAAIABQQCBWEAAwMAWwYBAABHSwcBBAQBWwABAUUBTCEgAQAmJSArISsYFhIRDAoAHwEfCAgUKwEyHgIVFRQOAiciLgI1NSEuAyMiBgcnPgMTMj4CNyEVFB4CAmF2vYRHToWvYHWtcjgC9AMsUXZOcaE2SRtLY31nOWFLMgv9yyFDaARPUZHGdSx1xo9QAUiAsWl5TIZkOj4ufRkwJhf8NS5RbkAaNmRMLQAAAQDBBOQDHgXtAAgAHUAaBgMAAwACAUoBAQACAHMAAgI+AkwSEhEDCBcrARUjJwcjNTczAx6alpWY9XAE/RmXlxrvAAABATAE4wObBe0ACAAbQBgGAQEAAUoAAQABcwIBAAA+AEwSEhEDCBcrATczFQcjJzUzAmSXoP5y+50FVZgS+PUVAAABATsEpwORBbIAFQAeQBsAAgAAAgBfBAMCAQE8AUwAAAAVABUkFCQFCBcrARQOAiMiLgI1MxQeAjMyPgI1A5EqTm5ERW5OK5YSJDgoJzckEgWyO2NGJydGYzseNygYGCg3HgAAAQHyBOEC2AW+AAsAE0AQAAEBAFsAAABEAUwkIgIIFisBNDYzMhYVFAYjIiYB8jo5OTo6OTk6BU4wQEAwLj8/AAIBmgReAzEF5wATACMAHEAZAAIAAQIBXwADAwBbAAAAPgNMJigoJAQIGCsBND4CMzIeAhUUDgIjIi4CNxQeAjMyPgI1NCYjIgYBmiE3SyoqSTcgIDdJKipLNyFjER0mFhYlHBA7LCw+BSArSTUeHjVJKytIMxwcM0grFiYdEBAcJhcwPT0AAQGO/k8DAQA4ABcAHkAbCgEBAAFKFwkCAEgAAAABWwABAUkBTCUlAggWKyEGBhUUFjMWNjcXBgYjIi4CNTQ+AjcC205eJCogNRAfHFVBKUY0HiNAWzgqb0IiKQETCHkQHBgwRy8pU05GGwAAAQCKBOMDOgXxAB8AT0ASAAEDAhABAAECSh8BAkgPAQBHS7AWUFhAFQABAQJbAAICPksAAAADWwADAzwATBtAEgADAAADAF8AAQECWwACAj4BTFm2IyclJAQIGCsBFA4CIyIuBCMiBgcnND4CMzIeAjMyPgI1AzofNkwtITQrJicsGyw5AWgfNksuKkM/QScVJhsRBdMtUj0kDhUZFQ5BLhgtUz8mHiMeEh4pFwAAAgD2BOID1gXvAAMABwAXQBQDAQEBAFkCAQAAPgFMEREREAQIGCsBMwEjAzMDIwL14f7PqUrP9ZYF7/7zAQ3+8wAAAgGt/oYC3f+rABMAHwA/S7AbUFhAEwAAAAMCAANjAAICAVsAAQFBAUwbQBgAAAADAgADYwACAQECVwACAgFbAAECAU9ZtiQmKCQECBgrBTQ+AjMyHgIVFA4CIyIuAjcWFjMyNjU0JiMiBgGtGCo4IB82KRgYKTYfIDgqGFYBJxwaJiYaHCfpIDcnFhYnNyAgNiYVFSY2IBsmJRwdJycAAAH8ygS8/fsGFgADABFADgABAAFyAAAAaREQAggWKwEjAzP9+36zsgS8AVoAAf1oBLz+lgYXAAMAEUAOAAABAHIAAQFpERACCBYrATMDI/3qrLp0Bhf+pf///IgE4/84BfEABwCi+/4AAAAB/VkE2f6PBnQAEwAuQCsSAQMAAUoAAgABAAIBYwAAAwMAVwAAAANZBAEDAANNAAAAEwATERYRBQgXKwEnNjY1NC4CIzcyFhUUDgIHB/1vAUdKGy48IQeQnxssOBwBBNmZBRwpFh4SCGpkWCY2JBQERwAC/AUE5P7lBe4AAwAHABdAFAIBAAABWQMBAQE+AEwREREQBAgYKwEjATMBIwMz/eCp/s7hAf+W9s8E5AEK/vYBCgAB/Sf+qP4N/4UACwAYQBUAAAEBAFcAAAABWwABAAFPJCICCBYrBTQ2MzIWFRQGIyIm/Sc6OTk6Ojk5OuswQEAwLj8/AAECKQT3Ay0GegADABhAFQAAAQEAVQAAAAFZAAEAAU0REAIHFisBMwMjAmrDqloGev59AAADARME4gPzBr8AAwAPABsAIUAeAAAAAQMAAWEFAQMDAlsEAQICMANMJCQkIxEQBgcaKwEzAyMFNDYzMhYVFAYjIiYlNDYzMhYVFAYjIiYCdM12h/7POTk5Ojo5OTkB+zk5OTo6OTk5Br/++GcwQEAwLkBALjBAQDAuQED//wIwAmsDFgNJAgYAdjgAAAEAtQAABDAFsAAFABlAFgAAAAJZAAICKEsAAQEpAUwRERADBxcrASERIxEhBDD9P7oDewUY+ugFsAACAC4AAAS0BbAAAwAGAB9AHAYBAgABSgAAAChLAAICAVoAAQEpAUwRERADBxcrATMBITchAQI0oAHg+3rwAqn+ugWw+lCXBBwAAAMAav/sBGEFxAADACEAPwApQCYAAQAABQEAYQAEBANbAAMDMEsABQUCWwACAjECTC0tLScREAYHGisBITUhBQ4FIyIuBCc1PgUzMh4EFycuBSMiDgQHFR4FMzI+BDcDTf4wAdABFAEZNFFwkVpakXBSNRoBARk1UXCRWlqScFE1GQG3AQwdMEhiQUBiSDAdDQEBDR4wSGJBQWNHLx0LAQKUl6dOn5SAYDc3YIGUnk6mTp+UgWE3N2CBlKBOAjRxb2VNLS5NZW9xM6gzcm9mTS4uTWVvcjQAAAEANgAABKAFsAAGABVAEgABAShLAgEAACkATBEREQMHFysBASMBMwEjAmr+ib0B5KEB5b0EnPtkBbD6UAAAAwCRAAAENwWwAAMABwALAClAJgACAAMAAgNhAAUFBFkABAQoSwAAAAFZAAEBKQFMEREREREQBgcaKzchFSETIRUhAyEVIZEDpvxaVQLy/Q5TA5b8apeXAz6YAwqYAAEAogAABCoFsAAHABtAGAABAQNZAAMDKEsCAQAAKQBMEREREAQHGCshIxEhESMRIQQquf3quQOIBRj66AWwAAABAHAAAARvBbAADAAvQCwHAQMCDAYAAwADBQEBAANKAAMDAlkAAgIoSwAAAAFZAAEBKQFMERQREQQHGCsBASEVITUBATUhFSEBAxn+PAMa/AEB5f4bA839GQHDAs39y5iQAkkCR5CY/c4AAwBFAAAEhwWwABkAJAAvACBAHSsqIB8XDQoACAABAUoAAQEoSwAAACkATBwbAgcWKwEeAxUUDgIHFSM1LgM1ND4CNzUzARQeAhcRDgMFNC4CJxE+AwLDYaV5RUV5pWG5YqV6RER6pWK5/jkkRWRBQWRFJALTJEVjQEBjRSQE4ghSirpvcLuLVAfExAdSirxwb7yKUwfO/SNQhWE7BgLuBztihE1Pg2E7B/0SBztihQABAGUAAARyBbAAHwAgQB0dEA0ABAEAAUoDAgIAAChLAAEBKQFMFxcXFgQHGCsBPgM1ETMRFA4CBxEjES4DNREzERQeAhcRMwLHN1k/I7k/cJ5euV+ccD65Ij9ZNrkB3ww4Wn1QAmb9mna3gkwL/rwBRAtMgrd2Amb9mlB8WjgMA9AAAQBhAAAEbAXEAC8AKkAnEgACAgABSgAAAANbAAMDMEsEAQICAVkFAQEBKQFMERoqERkoBgcaKyU2EjU1NC4CIyIOAhUVFhIXFSE1IS4DNTU0PgIzMh4CFRUUDgIHIRUhAqiAiC1VfE5NelUuAY2B/jwBBj5jRSRJh751db+HSiRDYj4BCv48wR0BIPlRdbV7QEB7tXVR+/7iHcGXL4ehsFlPi+upX1+p64tPWbGghy+XAAIAgf/rBIoETgAiADYAxkuwGVBYQBAhAQYDLCsCAAYQCgIBAANKG0uwIVBYQBAhAQYELCsCAAYQCgIBAANKG0AQIQEGBCwrAgAGEAoCAQUDSllZS7AZUFhAGQAGBgNbBwQCAwMzSwUBAAABWwIBAQExAUwbS7AhUFhAHQcBBAQrSwAGBgNbAAMDM0sFAQAAAVsCAQEBMQFMG0AkAAAGBQYABXAHAQQEK0sABgYDWwADAzNLAAUFAVsCAQEBMQFMWVlAEQAAMjApJwAiACIpJCUlCAcYKwERFB4CMzI2NxcGBiMiJicGBiMiLgI1NTQ+AjMyFhc3ARQeAjMyNjcRLgMjIg4CFQPvDBUdEg8bChcfOyBLYxg2mmdilmY0NGaXY2ibNjH9uxw/ZEdZdyYTMD1JK0hlPxwEOvzbJjMeDQQCihUNQ0pFSE+Lv3AVfdWbWExHf/26S4ZlPFJBAhMfNCYVRnebVQACAK7+gARbBcQAGgA6AH9ADggBBgMrAQUGEwEBBQNKS7AfUFhAJAgBAwAGBQMGYwAEBABbBwEAADBLAAUFAVsAAQExSwACAi0CTBtAJAACAQJzCAEDAAYFAwZjAAQEAFsHAQAAMEsABQUBWwABATEBTFlAGRwbAQA5Ny8tJiQbOhw6FRQRDwAaARoJBxQrATIeAhUUBgcWFhUUDgIjIiYnESMRND4CEzI+AjU0LgIjIg4CFREWFjMyPgI1NC4CIyM1AmthnnA9Ylh5hUR6pmJRnj66R3mhWEBePB0gPls6N19FKC2QXUNrSigiQl89jwXEOWmQV1yXLyzCg2ulcjsuMv41BbFSk25A/ZYiPFQzLlZCKCdEXDX8xTU/K01rPzVmUTKYAAABAEf+YASWBDoACgAdQBoJBQIDAQABSgIBAAArSwABAS0BTBISEAMHFysBMwERIxEBMwEXNwPYvv42uv41vgFUGBoEOvv1/jEB1gQE/PBhYQAAAgB4/+wEZgYcADEARwA0QDEIAQEALAkCBAECSgAEAQMBBANwAAAAAQQAAWMAAwMCWwACAjECTENCODYiICckBQcWKwE0PgIzMhYXBy4DIyIOAhUUHgIXFhIVFRQOAiMiLgI1NTQ+Ajc3LgMTFB4CMzI+AjU1NC4CJyYOAhUBBzZjjFZQn0spFz9ITigqRTIcFzZZQ9zfRIG6dni7gkQ2XX9IBC9MNh4rJk94UlF2TiYtUnNHUXhQKAT1RW5MKC8mggkWEw0UJDMfFi8wMBdJ/uzPFXHBjlFRjsFxFVeYeFIRCxM2RVH9N02KZz09Z4pNFT99aUsMAT1pi0wAAQCL/+wEYARNADwATkBLHQEABwFKAAUGBwYFB3AAAgABAAIBcAAHCAEAAgcAYwAGBgRbAAQEM0sAAQEDWwADAzEDTAEAOzkxLysqJiQWFA4NCQcAPAE8CQcUKwEiBhUUHgIzMj4CNTMOBSMiLgI1NDY3JiY1ND4CMzIeAhcjNC4CIyIOAhUUHgIzMxUCapGUKE1ySkJwUS65ASdFXmx3PGy0g0hxal9pQnuvbF+rgUwBuS9OaDpLbEYhHkJoSvMB3lFdJUAvGx41RSc7YUs3JRErU3hOX34fI3lLTnVPKCxTd0slPy0aGi08IiU7KhaUAAABAHX+gQQvBbAAKgAlQCIBAQABAUoWFQIARwAAAAFZAgEBASgATAAAACoAKikoAwcUKwEVAQ4DFRQWFxceAxUOAwcnNjY1NCYnJy4DNTQ+AjcBITUEL/5nRW5NKVxa3TZgRikBIzQ/HGIxMktQtVl/USYqV4ZcATL9LAWweP5VQnV4gk5jYhIyDBouSz4nVk9FFlQ2VSwjOBAjEDtZelE5h5ikVwE8mAABAKT+YQQrBE4AFQBVthIBAgMCAUpLsBtQWEAXAAICAFsFBAIAADNLAAMDKUsAAQEtAUwbQBsFAQQEK0sAAgIAWwAAADNLAAMDKUsAAQEtAUxZQA0AAAAVABUTIxUjBgcYKwEXNjY3Mh4CFREjETQmIyIGBxEjEQFLDTeqcFqOZDa6gH9liCe6BDqgVF8BLGOfc/u0BEiQfU1B/NgEOgAAAwC5/+wEGAXFABUAHgAnAFFLsBBQWEAdAAQAAgMEAmEABQUBWwABATBLAAMDAFsAAAAxAEwbQB0ABAACAwQCYQAFBQFbAAEBMksAAwMAWwAAADEATFlACSMTIxUpJAYHGisBFA4CIyIuAjURND4CMzIeAhUHIRUUFjMyNjUBITU0JiMiBhUEGDluoGdmoW87Om6hZmehbjq5/hN5f392/hMB7XeAf3cCLYrXk01Nk9eKAVWK15VNTZXXiu+NusrKugEkgbrIyLoAAAEAuP/sBDoEOgAVAClAJgoBAQMLAQIBAkoAAwMAWQAAACtLAAEBAlsAAgIxAkwVJSUQBAcYKxMhExQeAjMyNjcXBgYjIi4CNREhuAIZARsvPCEtTh0pPnQ+SHFPKv6gBDr9CEFLJQocEYIsGiJSh2UCTQAAAQA5/+8EXAXuACoBokuwHVBYQBAMAQECKR8CAwMBAkogAQBHG0AQDAEBAikfAgMDASABBAADSllLsApQWEAWAAEBAlsAAgIwSwADAwBbBAEAACkATBtLsAxQWEAWAAEBAlsAAgIySwADAwBbBAEAACkATBtLsA5QWEAWAAEBAlsAAgIwSwADAwBbBAEAACkATBtLsA9QWEAWAAEBAlsAAgIySwADAwBbBAEAACkATBtLsBBQWEAWAAEBAlsAAgIwSwADAwBbBAEAACkATBtLsBJQWEAWAAEBAlsAAgIySwADAwBbBAEAACkATBtLsBRQWEAWAAEBAlsAAgIwSwADAwBbBAEAACkATBtLsBZQWEAWAAEBAlsAAgIySwADAwBbBAEAACkATBtLsBdQWEAWAAEBAlsAAgIwSwADAwBbBAEAACkATBtLsBlQWEAWAAEBAlsAAgIySwADAwBbBAEAACkATBtLsB1QWEAUAAIAAQMCAWMAAwMAWwQBAAApAEwbQBgAAgABAwIBYwAAAClLAAMDBFsABAQxBExZWVlZWVlZWVlZWbcoGSYWEAUHGSshIwEnLgMjIgYHJzY2MzIeAhcBHgMzMjI2NjcHBgYjIi4CJwMHAQfOAYs3DiIsNyINKA0BEjwZSGpLMQ8BagodIioYCAoJCgkCCyQMO1xJORjUHQQIjyNFNiEEAY4FCjZRXyj8SiE4KRgCAQKXBgkiQ2RCAit3AAEAr/53BC4FxABEACxAKUQBAAM3AQIBAkokIwICRwABAAIBAl8AAAADWwADAzAATEJAISgiBAcXKwEmJiMiDgIVFB4CMzMVIyIGFRQeAhcXHgMVDgMHJz4DNSYmJycuAzU0PgI3LgM1ND4CMzIWFwP3OXE9X4dXKSpdkWaOjt3jN117Q282X0cpASM1PhthGCQZDQFOTTpyuoRIL1l+T0FmRyZLjch+R4wwBQgPFR4zRCczUTkemJylRGZKLgwZDRktSj0nVE9EFlQbKiktHSwrEQ0WQWeacEx+YkgWFTtKVzFTgFgtFhEAAAEAWf/tBKkEOgAbAGtLsBtQWEAKCgEBAAsBAgECShtACgoBAQALAQQBAkpZS7AbUFhAGAUDAgAABlkABgYrSwABAQJbBAECAjECTBtAHAUDAgAABlkABgYrSwAEBClLAAEBAlsAAgIxAkxZQAoREREVJSUQBwcbKwEjERQeAjMyNjcXBgYjIi4CNREhESMRIzUhBEyPEBwlFhoxESkvVy85Wj0g/pK5hAPzA6H9aywzHAgQCYIgEx5FclQCi/xfA6GZAAACAKX+YARGBE4AFgAuAC9ALCQBBAMIAQAEAkoAAwMCWwACAjNLAAQEAFsAAAAxSwABAS0BTCspJhMkBQcZKwEUDgIjIiYnESMRNTQ+AjMyHgIVIzQuAiMiDgQVER4DMzI+AjUERjZpm2Zqozu5SX+pYHWvczm5HkJqTTFQPi0dDxM0Q1QzTG1FIAH0cL+LTkRA/fAD4QF/xIVEWJvUflWcdkYgOEpTVyn+2yE5KRc7ZoZLAAABAHj+WQQwBE4AMwAmQCMhIAIBRwABAgFzAAICAFsDAQAAMwJMAQAMCgYFADMBMwQHFCsBMh4CFSM0LgIjIg4CFRUUHgIXHgMVDgMHJz4DNTYmJy4DNTU0PgICZmSoeUWvJEZqR1F1SyMrWYhcVopiNAEuSVotTRY2LyABcGyCxINDQn63BE41ZZJdMlhBJkVvikYqRHtiRQ0MIThXQjtjUDwUewofLTwoMzEOE1iFr2kqbMOVWAAAAgBt/+wEhgQ6ABYALAAhQB4EAQAAAlsAAgIrSwADAwFbAAEBMQFMKSUpKBAFBxkrASEWFhUVFA4CIyIuAjU1ND4CMyEBFB4CMzI+AjU1NC4CIyIOAhUEhv7lYWdBe7Ryc7R8QUF8s3ICN/ygJElxTUxwSiMkSXFNTHBJJAOhSNOEF2O4jlZUlMh1FnDDjlL911CRbkBAbpFQFkyJaD09aIlMAAABAK3/6wQyBDoAGQArQCgKAQEACwECAQJKAwEAAARZAAQEK0sAAQECWwACAjECTBEVJyUQBQcZKwEhAxQeAjMyNjcXDgMjIi4CNREhNSEEMv6dARssOiEsTRspHjs6Ox5Ib00o/pgDhQOc/ahASyYLGxGDFhsPBiRTh2UCTp4AAAEAnv/sBD8EOgAfACFAHgQDAgEBK0sAAAACWwACAjECTAAAAB8AHykXJQUHFysBERQeAjMyPgI1JgInMx4DFRQOAiMiLgI1EQFXJkZjPE1uRyIDRTTDFykgEjRwsn5uq3Y+BDr9lVl+USVNe5pOhgEFfTBxgpNSctOhYDp3t30CaQACAG7+IgR3BDoAJQAzAC1AKgkBAgAmIxMABAECAkoIAQBIAAECAXMAAgIAWwAAACsCTDEvJSQaGAMHFCsFLgM1NBI3Fw4DBxQeAhcRND4CMzIeAhUUDgIHESMTPgM1LgMjIgYHAg1xnWQte4BlLT4nEwIZNlg/Hj1eQE6GZDkwaKR1ublDXjwbAhctRC4hHgEOD2eXvWaqARNbhSliaWw0QIBtUxICtDBZRSlUkcVwZbyYZw/+MQJrElJvgT9Gim1EMCcAAQBh/igEgAQ6ACMAJkAjIhUSAQQBAAFKAAEBAFkEAwIDAAArAUwAAAAjACMXGRkFBxcrARE+AzUmAiczFhIVFA4CBxEjES4DNREzERQeAhcRArxJZj8dAjEmwyAvMGusfbljm2w4uSE9VjUEOvxSElZ1ikSGAQB9X/8ApGvGnmkO/jcByw5YmNeMAeb+GGecb0MPA6wAAQBP/+wEiQQ6ADAANEAxJQEAAQFKAAEDAAMBAHAHBgIDAytLAgEAAARcBQEEBDEETAAAADAAMCQnFyMTJwgHGisBBgIHFB4CMzI2NREzERQWMzI+AjUmAiczFhIVFA4CIyImJwYGIyIuAjU0EjcBcS06AgwdLiJDS7pLQiIvHQwCOi3CKDgeRnJTWnogIXlaU3JGHjgoBDp+/vuHVJt4R6avASv+1a+mR3acVYcBBX5h/vylb9GiYm1mZm1iotFvpQEEYQAAAgCY/+wEmQXGAC0AOgCHQA4tAQEEMyoZAgAFAgECSkuwEFBYQB0AAQQCBAECcAAEBANbAAMDMksAAgIAWwAAADEATBtLsBdQWEAdAAEEAgQBAnAABAQDWwADAzBLAAICAFsAAAAxAEwbQB0AAQQCBAECcAAEBANbAAMDMksAAgIAWwAAADEATFlZQAk4Ni0lFScFBxgrAQYHFRQOAiMiLgI1ETcRFB4CMxY2NTUuAzU1ND4CMzIeAhURNjY3ARQeAhcRNCYjIgYVBJlDTT5wn2JmpnVBuiREYj52gG6zf0YyWHpKT35WLiNEIP2UKE1wR0pOQ1ECcxgIoG2qdDxBd6hnAU4C/rBFb00pAZWWphBah65kD1GBWi8zYIpY/p8DDQgBUj9yXEIQAVZtallkAAEANgAABKQFuwAkAIBADxkIAgEAIxgSDwkFAgECSkuwClBYQBIDAQEBAFsEAQAAKEsAAgIpAkwbS7AMUFhAEgMBAQEAWwQBAAAwSwACAikCTBtLsA5QWEASAwEBAQBbBAEAAChLAAICKQJMG0ASAwEBAQBbBAEAADBLAAICKQJMWVlZtyQkFCQkBQcZKwE+AzMyFhcHJiMiBgcBESMRASYmIyIHJzY2MzIeAhcTFzcDORo4P0YoHDUbFg4eIzsS/ti4/tYSOyMdDhcbNR0nRj85GrMYGATXP1g2FwcRlQkmKP17/bwCQAKJJycJlREHFzZYP/5pWFgAAgAu/+wElgQ6ABoANAA2QDMMAQYHAUoABwAGAAcGcAUDAgAABFkABAQrSwgBBgYBWwIBAQExAUwjEycUERckJxAJBx0rASMWFhUUDgIjIiYnBgYjIi4CNTQ2NyM1IQMmJichBgYHFB4CMzI2NTUzFRQWMzI+AgSWfiAqHUFrTlp6ICB5Wk5rQR0pIWkEaO4CLyb+DSYvAgoYJx5DSrpKQx0nGAoDoWr7jFmjfUttZ2ZuS32jWYz7apn9dXz9eXn9fDttUzKmr/v7r6YxUm4AAAEAKv/1BHwFsAAfANNLsApQWEAfAAEABAMBBGMGAQAAB1kABwcWSwADAwJbBQECAhcCTBtLsAxQWEAfAAEABAMBBGMGAQAAB1kABwcWSwADAwJbBQECAh4CTBtLsA5QWEAfAAEABAMBBGMGAQAAB1kABwcWSwADAwJbBQECAhcCTBtLsCxQWEAfAAEABAMBBGMGAQAAB1kABwcWSwADAwJbBQECAh4CTBtAIwABAAQDAQRjBgEAAAdZAAcHFksABQUXSwADAwJbAAICHgJMWVlZWUALERERRhEWQRAIBhwrASERNjYzMh4CFRQGIycyPgI1JiYjIgYHESMRITUhBD3+AB49H2ypdDzKwAI6UTEWAYGJIDweuP6lBBMFGP45AgRAdqtqxtGRJURhPIueBAL9UQUYmAABAIH/7ARrBcUALwBBQD4AAgMEAwIEcAgBBwUGBQcGcAAEAAUHBAVhAAMDAVsAAQEdSwAGBgBbAAAAHgBMAAAALwAvJREVJBQpJAkGGysBDgMjIi4CNRE0PgIzMh4CFyMuAyMiDgIVFSEVIRUUHgIzMj4CNwRrCkh9sHJ1u4NGRoO7dXKwfUgKuQosSm1LT3dRKQI7/cUpUXdPS21LKwoBt2WpekNXndmDATmD2pxXP3itbkt2UCpDdaFeS5hYX6F2QydNc00AAAIAHgAABJ0FsAAcACkAOkA3AAAJAQcEAAdjAAICBVkIAQUFFksGAQQEAVsDAQEBFwFMHR0AAB0pHSggHgAcABwhJREoIQoGGSsBETMyHgIVFA4CIyERIwMUAgYGIyM1MzISExMBETMyPgI1NC4CIwLrW1SBViwsVoFU/uzFAR9GdFUgFkg3AQMCNFssPSURESY9KwWw/cdFd6JeXqJ3RAUY/ey4/uHGZ5cBOwEyAqz9L/24M1NpNzZoUjIAAgCDAAAEiwWwABYAIwBfS7AjUFhAHQIBAAkIAgQHAARjBgEBARZLAAcHA1wFAQMDFwNMG0AjAAIJAQgEAghjAAAABAcABGEGAQEBFksABwcDXAUBAwMXA0xZQBEXFxcjFyIiERERKCEREAoGHCsBMxEzETMyHgIVFA4CIyMRIxEjETMBETMyPgI1NC4CIwE7+rgxW4lbLi5biVvp+ri4AbIxM0UrEhMqRTMDOQJ3/Zc+b5haWptyQQKh/V8FsPz//fItSl8zM15ILAAAAQBDAAAEaAWwABoAMUAuAgEDARQBAgMCSgABAAMCAQNjBQEAAAZZAAYGFksEAQICFwJMERESJRUjEAcGGysBIRE2NhcyHgIVESMRNC4CIyIHESMRITUhBED+Fhw2GmOdbDq5HDtZPTg0uf6mA/0FGP48BAQBLmKYav43AclEXzwbBv1DBRiYAAEAov6ZBCoFsAALACNAIAAEAwRzAgEAABZLAAEBA1oFAQMDFwNMEREREREQBgYaKxMzESERMxEhESMRIaK5Aha5/p25/pQFsPrnBRn6UP6ZAWcAAAIAogAABEwFsAAQAB0AL0AsAAEGAQUEAQVjAAAAA1kAAwMWSwAEBAJbAAICFwJMERERHREcIhEoIRAHBhkrASERITIeAhUUDgIjIREhAREhMj4CNTQuAiMEHf0/AQp0tXxBQXy1dP48A3v9PwEKTnFKIyNKcU4FGP5BPG+cYWCgcj8FsP0S/dUuTmc5OGNJKwAAAgBG/pkEeAWwABAAFwArQCgCAQADAFEABwcEWQAEBBZLBgUCAwMBWQABARcBTBEUERYREREQCAYcKwEjESERIwMzPgM3EyERMwEGAgchESEEZqf9P50bQS5GMh4FIAKJf/2TCUJAAcD+4f6bAWX+mQH+HnGv8qACSfrnAtDy/pNxBIEAAQAdAAAErgWwABUAMUAuEwgCAAUBSgcBBQIBAAEFAGEIBgIEBBZLCQMCAQEXAUwVFBERERESEREREAoGHSsBIxEjESMDIwEDMxMzETMRMxMzAwEjAvs2tz7N5gEN5teuRbc+rdjoAQ7lAov9dQKL/XUC1wLZ/XMCjf1zAo39Kf0nAAEAWf/rBHAFxAA6AE5ASxsBBwABSgACAQABAgBwAAUHBgcFBnAIAQAABwUAB2MAAQEDWwADAx1LAAYGBFsABAQeBEwBADk3Ly0pKCQiFBIODQkHADoBOgkGFCsBNjY1NC4CIyIOAhUjND4CMzIeAhUGBgcWFhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMjNQJnn5opUnpSP3BSMblPh7Jjc72HSgF/bn2HUY/Ec1+3kFq6MFZ4SFGBWzAtVn1PtwMyAYdwN15GKCVDXDZdlWc4NGicZmekMCqqgWefbTgxaKFvOWRKKyhIZDxFY0EfmAABAKIAAAQqBbAACQAeQBsJBAIBAAFKAwEAABZLAgEBARcBTBESERAEBhgrATMRIxMBIxEzAwNxubkB/em5uQEFsPpQBDH7zwWw+9AAAQAvAAAEKwWwABEAJ0AkAAEBBFkFAQQEFksAAwMAWwIBAAAXAEwAAAARABEhJRERBgYYKwERIxEhAxQOAiMjNTMyEhETBCu5/lsCJlWKZDMoZlUEBbD6UAUY/ZCi/a5blwENAQQDCAABACv/6wS1BbAAGgAnQCQYDQEDAgAMAQECAkoDAQAAFksAAgIBXAABAR4BTBYnJRIEBhgrARcBMwEOAyMiJic3HgMzMj4CNzcBMwIvRwFo1/3pFztUd1NEaRoYDSUrKxMuRjQkDSr+DtAC978DePtANF9IKhgLjQMJCAUbLDgcVQQ+AAABAKb+oQS0BbAACwAjQCAABAEEUgIBAAAWSwMBAQEFWgAFBRcFTBEREREREAYGGisTMxEhETMRMwMjESGmuQIJuZMSpvyqBbD65wUZ+uz+BQFfAAABAKsAAAQnBbAAGQAvQCwYAQMCAwEBAwJKAAMAAQADAWMFBAICAhZLAAAAFwBMAAAAGQAZJRUlEQYGGCsBESMRDgMjIi4CNREzERQeAjMyNjcRBCe5IUJHUTBhmGg3uRs3VDlTkEgFsPpQAlsMEg4HMWyqeQHI/jhVcUUdHRgCuwAAAQB9AAAEUAWwAAsAJUAiBgUDAwEBFksCAQAABFoABAQXBEwAAAALAAsREREREQcGGSsBETMRMxEzETMRIREBNtW41bj8LQWw+ucFGfrnBRn6UAWwAAABAH3+oQSqBbAAEQAtQCoABQAFUggHAwMBARZLBAICAAAGWgAGBhcGTAAAABEAERERERExEREJBhsrAREzETMRMzUzETMRMwMjESERATbVuJVAuFoSpfyKBbD65wUZ+ucBBRj66P4JAV8FsAACADIAAAR5BbAAEAAdAC9ALAABBgEFBAEFYwADAwBZAAAAFksABAQCWwACAhcCTBERER0RHCIRKCEQBwYZKxMhETMyHgIVFA4CIyERIQERMzI+AjU0LgIjMgHqkG+sdT09daxv/rf+zwHqkEloQx8fQ2hJBbD9qT1vnGBfn3NABRj9qv3VL05nODdjSisAAwCQAAAESwWwAA4AEgAfAC1AKgAABwEGBQAGYwQBAgIWSwAFBQFcAwEBARcBTBMTEx8THiIREREoIAgGGisBMzIeAhUUDgIjIREzASMRMwERMzI+AjU0LgIjAUlcX5FjMjJjkV/+67kDArm5/P5cN04wFhYxTTcDWT1vnV9fn3NABbD6UAWw/RL91S9PZjg3YkosAAIAqAAABFEFsAAOABsAKUAmAAAFAQQDAARjAAICFksAAwMBXAABARcBTA8PDxsPGiIRKCAGBhgrASEyHgIVFA4CIyERMxERITI+AjU0LgIjAWEBCnS1fEFBfLV0/j25AQpOcUojI0pxTgNZPG+cYWCgcj8FsP0S/dUuTmc5OGNJKwABAHL/7ARTBcUALwBBQD4ABAMCAwQCcAgBBwEAAQcAcAACAAEHAgFhAAMDBVsABQUdSwAAAAZbAAYGHgZMAAAALwAvKSQUJREVJAkGGysBHgMzMj4CNTUhNSE1NC4CIyIOAgcjPgMzMh4CFREUDgIjIi4CJwErASdKbUdOelQt/hwB5CxUek9HbUonAbkBQ32wbnW+hklJhr51brB9QwEB0Ux7VzBAcp5eWpddXp9yQDBXfUxlsoRMVJnXg/60g9aZVEV/s24AAAIAd//sBGoFxAAdADEAX0uwGVBYQB8ABAABBwQBYQAGBgNbBQEDAxZLAAcHAFsCAQAAHgBMG0AnAAQAAQcEAWEAAwMWSwAGBgVbAAUFHUsAAgIXSwAHBwBbAAAAHgBMWUALKSclERERFSQIBhwrARQOAiMiLgI1NSMRIxEzETM1ND4CMzIeAhUnNCYjIg4CFREUHgIzMj4CNQRqLlyJWlaCVyxyublyK1eCVluJXC65UWQtPiYQECY+LjJFKhMCA3/HiUhIicd/ev2DBbD9ZJh/x4pISIrHfwK8vC9ejV7+VV+OXi8vXo5fAAIAQQAABCYFsAAPABwAM0AwBQEABAFKAAQAAAEEAGEABQUCWwACAhZLBgMCAQEXAUwAABkXFhQADwAPKBERBwYXKyERIQEjASYmNTQ+AjMhEQEUHgIzMxEjIg4CA23+yv7PxQFVjJRHhb11AbL9CSlQeE7/+VB5UioCX/2hApIzvItknWs4+lAEDjtmSyoCICVFYwACAIH/7ARHBhEALgBEADhANSoBBAMBSgACAAJyBQEABgEDBAADYwAEBAFbAAEBHgFMMC8BADs5L0QwRB4dDAoALgEuBwYUKwEyHgIVFRQOAiMiLgI9AzQSNjY3PgM1MxQOBAcOAwc+AxciDgIVFRQeAjMyPgI1NTQuAgKGaqZ0PUF8s3JytHxCRX+1bzVbQyaYHTNFUFgsRnpgQg8gTlpmFUxwSSQkSXFNTG9KJCRKcQP8S4OzaRdxwI5QUI7AcRcHRbUBE8FzFQoXIzUpQl5BKRwSCg81WoNcJT8tGZg3XXpEF0yJZz09Z4lMF0R6XTcAAAMApAAABDAEOgAUAB0AJgA+QDsKAQMEAUoABAcBAwIEA2MABQUAWwAAABhLAAICAVsGAQEBFwFMFRUAACYkIB4VHRUcGBYAFAATIQgGFSszESEyHgIVFAYHHgMVFA4CIwERITI2NTQmIyUzMjY1NCYjI6QBqWSkdT9aVjRQNxw6bJlf/swBNHB0dW/+zPF8hYd87wQ6JEhwTU12IAwxQlAsTXNNJgHb/rpUUE5UlEpOUUwAAAEAtwAABCoEOgAFABlAFgAAAAJZAAICGEsAAQEXAUwRERADBhcrASERIxEhBCr9R7oDcwOh/F8EOgACADb+wgSaBDoAEAAZADNAMAQBAgECUQAHBwBZAAAAGEsGCAUDAQEDWQADAxcDTAAAGRgXFgAQABARERERFgkGGSs3PgM3EyERMwMjESERIwMBDgMHIREhnCs7JhcHEAK5ixKn/Q2mEgHJBQ8WIRgBuv6ylwZPiLx0AZb8Xf4rAT7+wgHVAg1UmIVwLAL4AAABABEAAASsBDoAFQAxQC4TCAIABQFKBwEFAgEAAQUAYQgGAgQEGEsJAwIBARcBTBUUERERERIREREQCgYdKwEjESMRIwMjAQEzEzMRMxEzEzMBASMC9Tq5O9ffASn++ta9O7k7vtb++AEq4AHW/ioB1v4qAjMCB/5AAcD+QAHA/fn9zQABAIf/7QRKBE0APABOQEsbAQcAAUoAAgEAAQIAcAAFBwYHBQZwCAEAAAcFAAdjAAEBA1sAAwMfSwAGBgRbAAQEHgRMAQA7OTEvKyokIhQSDg0JBwA8ATwJBhQrATI2NTQuAiMiDgIVIz4DMzIeAhUUBgcWFhUUDgIjIi4ENTMUHgIzMj4CNTQuAiMjNQJ8gIAjQ2RBOmhPL7kBTYGrX2SmeEJqW2dzSYCsZDx3bF5FKLkuUnBBQGpLKSZIZj/xAnZRSyI8LRoaLT8lS3dTLChPdU5LeSMffl9OeFMqESQ3S2E7J0U1HxswQCUuQSkSnAABAKUAAAQnBDoACQAeQBsJBAIBAAFKAwEAABhLAgEBARcBTBESERAEBhgrATMRIxEBIxEzEQNuubn977i4BDr7xgMe/OIEOvzhAAEApAAABJUEOgAMACdAJAoBAAMBSgADAAABAwBhBAECAhhLBQEBARcBTBIREREREAYGGisBIxEjETMRMwEzAQEjAg2wubmgAZPh/jAB9OsBzf4zBDr+NgHK/ff9zwABADcAAAQmBDoAEwAnQCQAAQEEWQUBBAQYSwADAwBbAgEAABcATAAAABMAEyElEREGBhgrAREjESEDFA4CIyM3NzI+AjUTBCa6/nIBJFSOajYDKTlLKxECBDr7xgOh/sqU5p5TpQE5capxAc8AAAEAiQAABCkEOgAMACBAHQgFAgEAAUoEAQAAGEsDAgIBARcBTBESEhERBQYZKyUTMxEjEQMjAxEjETMCXObnudSA2rnv9QNF+8YCm/1lArP9TQQ6AAEApQAABCcEOgALACFAHgAEAAEABAFhBQEDAxhLAgEAABcATBEREREREAYGGishIxEhESMRMxEhETMEJ7n98Lm5AhC5Ac7+MgQ6/isB1QAAAQClAAAEJwQ6AAcAG0AYAAEBA1kAAwMYSwIBAAAXAEwREREQBAYYKyEjESERIxEhBCe5/fC5A4IDofxfBDoAAAEAaAAABHsEOgAHABtAGAIBAAADWQADAxhLAAEBFwFMEREREAQGGCsBIREjESE1IQR7/lC6/lcEEwOk/FwDpJYAAAMAev5gBFIGAAAbACcAMwAgQB0uLSIhFhMIBQgBAAFKAAABAHIAAQEaAUwdFgIGFisTND4CNxEzER4DFRUUDgIHESMRLgM1JTQuAicRPgM1IRQeAhcRDgMVejZnlF25XpVoNjdnlV65XZRnNgMfGzZRNjZRNhv9mho1UDY1UDUbAidouI9fEQG6/kYQYI+4aBZpt49fD/5sAZUQX463aBZCfGZKEvzoEkpmfERDe2ZKEgMWEktme0IAAAEAqv6/BJAEOgALACNAIAAEAQRSAgEAABhLAwEBAQVaAAUFFwVMEREREREQBgYaKxMzESERMxEzAyMRIaq5AfK6gRKm/NIEOvxdA6P8Xf4oAUEAAAEAjQAABCcEOgAVAClAJhMBAwICAQEDAkoAAwABAAMBYwQBAgIYSwAAABcATBMjFSMQBQYZKyEjEQYGIyIuAjURMxEWFjMyNjcRMwQnuUSRVWSicz65AYN6UZRFuQGLERIyZZlnATv+xYV6EhECFwABAIEAAARMBDoACwAlQCIGBQMDAQEYSwIBAAAEWgAEBBcETAAAAAsACxERERERBwYZKwERMxEzETMRMxEhEQE60LnQufw1BDr8XQOj/F0Do/vGBDoAAAEAdv6/BJgEOgARAC1AKgAFAAVSCAcDAwEBGEsEAgIAAAZaAAYGFwZMAAAAEQARERERETEREQkGGysBETMRMxEzNTMRMxEzAyMRIREBL9C5mja5VxKl/JUEOvxdA6P8XQEDovxe/icBQQQ6AAIAOQAABHcEOgAQAB0AL0AsAAEGAQUEAQVjAAMDAFkAAAAYSwAEBAJbAAICFwJMERERHREcIhEoIRAHBhkrEyERMzIeAhUUDgIjIREhAREzMj4CNTQuAiM5AeXIYJZmNTVmlmD+f/7UAeXIOlE0GBg0UjkEOv5mMlh6SEh8WzUDov5n/o4eM0IjIkM1IgADAJAAAAQ/BDoADgASAB8ALUAqAAAHAQYFAAZjBAECAhhLAAUFAVwDAQEBFwFMExMTHxMeIhERESggCAYaKwEzMh4CFRQOAiMhETMBIxEzAREzMj4CNTQuAiMBSWNXh1svL1uGWP7kuQL2ubn9CmMvQikTEylCLwKgMll6R0d8XDUEOvvGBDr9z/6OHzNBIyFDNiIAAgClAAAEQAQ6AA4AGwApQCYAAAUBBAMABGMAAgIYSwADAwFcAAEBFwFMDw8PGw8aIhEoIAYGGCsBITIeAhUUDgIjIREzEREhMj4CNTQuAiMBXgFLYZdoNzZomGH9/LkBSzpUNhkaNlM6AqAxWHpJSH1bNAQ6/c/+jh4yQiQjQzUhAAEAgf/sBDoETgAtAEhARQABAAcAAQdwAAQGBQYEBXAABwAGBAcGYQgBAAACWwACAh9LAAUFA1sAAwMeA0wBACkoJyYiIBwbFxUMCgYFAC0BLQkGFCsBIg4CFSM0PgIzMh4CFRUUDgIjIi4CNTMUHgIzMj4CNyE1IS4DAjwyYEsusEp7oFZ/wH9AQIC/f2CidkOwKkhhOFR2TScF/lMBqwYqTHQDtiA5TS5JhGQ7WJTEbCpsxJVXPGmPUzJYQSY7YXxBmD90WjYAAgBx/+wEgQROABsAMQBfS7AZUFhAHwAAAAMGAANhAAcHAVsFAQEBH0sABgYCWwQBAgIeAkwbQCcAAAADBgADYQAFBRhLAAcHAVsAAQEfSwAEBBdLAAYGAlsAAgIeAkxZQAspJRERFCkkEAgGHCsBMz4DMzIeAhUVFA4CIyIuAicjESMRMwEUHgIzMj4CNTU0LgIjIg4CFQEqggcyWoBVXYpaLCxZiV1Xg1oxBoG5uQE6EClENTRFKBERKUU1NEQoEAJvZq+BSVaWyXIWcsmUVkuEtGj+KQQ6/ddOkW5CQm6RThZOkG9CQm+QTgACAE8AAAQhBDoADwAcADNAMAcBAQQBSgAEAAEABAFhAAUFA1sGAQMDGEsCAQAAFwBMAAAZFxYUAA8ADhEREQcGFysBESMRIQEjASYmNTQ+AjMDFB4CMyERISIOAgQhuf6w/v/IARFocDlqmmDjGDNMNQFa/r05VjgcBDr7xgGl/lsBwSafakh5VzL+tCJAMR4BZx8zQQAB/+n+SwQlBgAALwBJQEYlAgIFBBQBAwUTAQIDA0oJAQcGAQABBwBhAAQEAVsAAQEfSwAICAVZAAUFF0sAAwMCWwACAiECTC8uEREREycnKSMQCgYdKwEhETY2NzIeAhUVMxEUBiMiJic3HgMzMjY1NSMRNCYHIgYHESMRIzUzNTMVIQJm/vk6qmpVi2I1AamaIDYeDwgcHhsIQkgBf3ZZkS25vb25AQcEuf7gVV8BMWifbeP94ai0BwqUAwUDAmlbWQKrhYIBV0j87gS5l7CwAAABAI//7AQzBE4ALQBIQEUABAUGBQQGcAABBwAHAQBwAAYABwEGB2EABQUDWwADAx9LCAEAAAJbAAICHgJMAQApKCcmIiAcGxcVDAoGBQAtAS0JBhQrJTI+AjczDgMjIi4CNTU0PgIzMh4CFSMuAyMiDgIHIRUhHgMCezJfSi0BrwFJep5We7h7Pj57uHtgoXVCrwEpRmE4Tm5JJgUBmv5mBSZIb4IgOU0tSINjO1iVw2wqa8SVWD1pkFIxV0ImOV15P5hAeV04AAIAJgAABLAEOgAeACsAOkA3AAAJAQcEAAdjAAICBVkIAQUFGEsGAQQEAVsDAQEBFwFMHx8AAB8rHyoiIAAeAB4hJREoIQoGGSsBETMyHgIVFA4CIyMRIxEUDgIjIzc3Mj4CNREBETMyPgI1NC4CIwMIQleGWi8vWoZX+8IfSXhaLQQeKTYgDQI0Qi9BKRISKUEvBDr+ZDJZeUhHe1s1A6H+ypLmn1SbAT12rHABz/3M/o8jNkQiIUAyHwAAAgCCAAAEkgQ6ABYAIwAxQC4CAQAJCAIEBwAEYwYBAQEYSwAHBwNcBQEDAxcDTBcXFyMXIiIREREoIREQCgYcKwEzETMRMzIeAhUUDgIjIREjESMRMwERMzI+AjU0LgIjATv5uVNSf1UsLFV/Uv70+bm5AbJTKjokEBAkOioCoQGZ/mMyWXlHR3tbNQIK/fYEOv3M/o8jNkQiIUAyHwABABwAAAQrBgAAHQA2QDMTAgICAwFKCAEGBQEAAQYAYQADAwFbAAEBH0sABwcCWQQBAgIXAkwREREREyMVIxAJBh0rASERNjY3Mh4CFREjETQmByIGBxEjESM1MzUzFSECmf7NOqpqVYtiNbl/dlmRLbmRkbkBMwS+/ttVXwExaJ9t/VcCq4WCAVdI/O4EvperqwAAAQCl/pwEJwQ6AAsAKUAmAAMCA3MGBQIBARhLAAAAAloEAQICFwJMAAAACwALEREREREHBhkrAREhETMRIREjESERAV4CELn+nrn+mQQ6/F0Do/vG/pwBZAQ6AAABAGv/7AR/BbAAJAAtQCoJAQADAUoHBgQDAgIWSwUBAwMAWwEBAAAeAEwAAAAkACQjEyMVJCUIBhorARMUDgIjIiYnBgYjIi4CNRMzExQWMzI2NRMzERQWMzI2NRMEfgErTm1CTnQgIHRNQ21OKwG4ATs0PEUBv0U9NDoBBbD7jlJ+VixKSUhLLFZ+UgRy+45YZGRYBHL7jlhkZFgEcgAAAQBf/+sEegQ7ACQALUAqCQEAAwFKBwYEAwICGEsFAQMDAFsBAQAAHgBMAAAAJAAkIxMjFSQlCAYaKwERFA4CIyImJwYGIyIuAjUTMxEUFjMyNjURMxMUFjMyNjURBHorT25CTnUhIHROQ25OLAG5PDU8R78BRj00PQQ7/QFSflUsSklISyxVflIC//0BWGJiWAL//QFYYmJYAv8AAgAcAAAEPAYYABYAIwA3QDQABQQFcgYBBAMBAAEEAGEAAQkBCAcBCGMABwcCXAACAhcCTBcXFyMXIiIRERERKCEQCgYcKwEhESEyHgIVFA4CIyERIzUzETMRIQERITI+AjU0LgIjAtf+vgETYZZnNjZnlmH+NMDAuQFC/r4BEzpSNRkZNVI6BDT+bDFZekhIfFw0BDSYAUz+tP09/o4eM0EkIkQ1IQAAAQB9/+0ElAXFADcAyEuwF1BYQDEAAgMAAwIAcAAHBQYFBwZwBAEACQEFBwAFYQADAwFbCwEBAR1LAAYGCFsKAQgIHghMG0uwG1BYQDUAAgMAAwIAcAAHBQYFBwZwBAEACQEFBwAFYQALCxZLAAMDAVsAAQEdSwAGBghbCgEICB4ITBtAOQACAwADAgBwAAcFBgUHBnAEAQAJAQUHAAVhAAsLFksAAwMBWwABAR1LAAoKF0sABgYIWwAICB4ITFlZQBI3NjU0MzIkFCURFSQUJRAMBh0rATM1ND4CMzIeAhcjLgMjIg4CFRUhFSEVFB4CMzI+AjczDgMjIi4CNTUjESMRMwE1ljJfiVdRelUxB6cFGCo+LC9FLRcBGv7mFy1FLyw+KhcGpwcxVXpRV4lfMpa4uANAY4HLjEo7bZxgPWNHJjZlklxll5tdk2U2JENhPliXbz5Ki8uBm/1XBbAAAAEAm//sBIkETgAzAIpLsBlQWEAxAAkKBwoJB3AAAgABAAIBcAsBBwQBAAIHAGEACgoGWwgBBgYYSwABAQNbBQEDAx4DTBtAOQAJCgcKCQdwAAIAAQACAXALAQcEAQACBwBhAAYGGEsACgoIWwAICB9LAAUFF0sAAQEDWwADAx4DTFlAEjMyLiwoJyQREREUJBQkEAwGHSsBIR4DMzI+AjczFA4CIyIuAicjESMRMxEzPgMzMh4CFSM0LgIjIg4CByEDx/7VAhUqQy8eMiUVAa8yVXNAWYVbMAOPubmPAjBbhllHdFItrxMkMyEvQysVAQErAdBCeF03GzA/JEB1WjVLg7Bm/jAEOv4tZrGETDhggUooSjghOF55QAAAAgAnAAAEsgWwAAsADgApQCYOAQYEAUoABgIBAAEGAGEABAQWSwUDAgEBFwFMEREREREREAcGGysBIxEjESMDIwEzASMBIQMDZaG5lJO9AfqgAfG9/bcBhMABuP5IAbj+SAWw+lACWQJLAAIAVwAABIEEOgALABAAKUAmDwEGBAFKAAYCAQABBgBhAAQEGEsFAwIBARcBTBERERERERAHBhsrASMRIxEjAyMBMwEjASEDJwcDSoC5h3a9AcSfAce+/gQBRYsYGQEp/tcBKf7XBDr7xgHBAVdSUgACAHEAAAS8BbAAEwAWADNAMBYBBwYBSgoBBwQCAgABBwBiCAEGBhZLCQUDAwEBFwFMFRQTEhEREREREREREAsGHSsBIxEjESMDIxMjESMRMxEzEzMBIwEzAwOhRpRFaL11qLm50dCfAVK8/qXbaAHU/iwB1P4sAdT+LAWw/MUDO/pQAnUCBAAAAgBwAAAEvQQ6ABMAFgAzQDAWAQcGAUoKAQcEAgIAAQcAYQgBBgYYSwkFAwMBARcBTBUUExIRERERERERERALBh0rASMRIxEjAyMTIxEjETMRMxMzASMBMwMDq0idT129Y5e5uc3VnwFTvf6q02UBJf7bASX+2wEl/tsEOv2MAnT7xgHGAVwAAAIAVQAABIUFsAAkACcAOEA1GQEDBAFKAgEABgEEAwAEYwAICAFZAAEBFksJBwUDAwMXA0wAACcmACQAJDESJRUREhUKBhsrMwM0PgIzMwEhAR4DFREjETQuAiMjBxEjEScjIg4CFREBEyFWATFdh1YD/q8D3/7LVoZdMLkWLEMuRAm5A1AuQysVAWHM/lIBq2KLWSkClv1qASlZimL+VQGrPVIyFhT9kgJ9BRYyUj3+VQM+AdoAAgBpAAAEWQQ6ACMAJwA5QDYbGAIDBAFKAgEABgEEAwAEYwAICAFZAAEBGEsJBwUDAwMXA0wAACcmACMAIxMSJRURERUKBhsrMzU0PgI3ASEBHgMVFSMnNC4CIyMHESMRJyMiDgIVFQEzEyFpK1N3S/7mA7D+5UlyUCq5ARQoPSoxCroFPSo9KBQBQgWy/pbbY49cLwMB3/4gBTBdjGHb20NZNhcR/k0BuwkXNllD2wJcAUYAAgBQAAAEhwWwACMAJgA7QDgOCwIBAgFKCQEABgQCAgEAAmMACwsIWQoBCAgWSwcFAwMBARcBTCYlIyIhIBERExNCEiMTEAwGHSsBFhYVESMDNCYjIwcRIxEnKwIGBhURIwM0NyMRIxEzESEDIQETIQOPeICZATM9IweZCCYCBDkxmQEUm6urAYHrAun+jIH+/gMYBY2S/gwB9EtBFP2UAmkXAkFJ/gwB9FA8/YAFsP1oApj9zQGbAAIAUQAABIYEOgAkACcAOEA1DwsCAAEBSgAIBQMCAQAIAWMACgoHWQkBBwcYSwYEAgMAABcATCcmJCMRERETE0IUExQLBh0rARYWFREjAzQmIyMHIxEjEScrAgYGFREjAzQ3IxEjETMRIQMhARMjA6dtcpkBNT8SDAaaCiAEAjk0mQEVnKurAXLSAt7+kXz4AlALioz+0QEvTEAd/mIBpRYCQEr+0QEvUTv+RQQ6/hkB5/4yAT8AAgDK/kYEJAd0AD4ARwBUQFFFAQcGFQEFAAJKJyYCA0cIAQYHBnIABwIHcgkBAAAFBAAFYwABAQJbAAICFksABAQDWwADAx4DTAEAR0ZEQ0FAPTszMB8cDAoJBwA+AT4KBhQrATY2NTQuAiMhNSEyHgIVFA4CBxYWFRQOAiMjIgYVFB4CFwcuAyc0PgIzMzI+AjU0LgIjIzUTNzMVByMnNTMCHJ+ZJUptSP7OATJmr4BJI0BcOYCOSoGwZTVORyEyNxdKL11LLwEwV3pLLkJtTSotVnxPja2XoP5y+50DNwGCcTJXQCSYNWWSXTVeUEAWKKyEZp9sOD4zKD0sHwp8FDtQZDxDYD4eKEdjPEVmQiGXA6WYEvj1FQAAAgDe/kYECQYeADwARQBUQFFDAQcGEwEFAAJKJSQCA0cIAQYHBnIABwIHcgkBAAAFBAAFYwABAQJbAAICGEsABAQDWwADAx4DTAEARURCQT8+OzkxLh0aDAoJBwA8ATwKBhQrATI2JzQuAiMhNSEyHgIVFAYHFhYVFA4CIyMiBhcUHgIXBy4DJzQ+AjMzMj4CNTQuAiMjNRM3MxUHIyc1MwIsiYUBIUBcPP7UASxbn3VEaFtnckR2oFswTkgBITI3F0suXUswATBXe0spN11CJilMbEONpZeg/nL7nQJpVUshOCgXmSlQc0lLdiMfeVlOeFIrPjMoPSwfCnwUO1BkPENgPh4YLD4mKz8oFJcDHZgS+PUVAAADAGP/7ARaBcQAHQAuAD8AN0A0BgECBwEEBQIEYQADAwFbAAEBHUsABQUAWwAAAB4ATDAvHx45Ny8/MD8oJh4uHy4tJggGFisBDgUjIi4EJzU+BTMyHgQXBSE1LgUjIg4EBwUhFR4FMzI+BDcEWgEZNFFwkVpakXBSNRoBARk1UXCRWlqScFE1GQH8vwKKAQwdMEhiQUBiSDAdDQECiv12AQ0eMEhiQUFjRy8dCwEChE6flIBgNzdggZSeTqZOn5SBYTc3YIGUoE4JCzRxb2VNLS5NZW9xM6MFM3JvZk0uLk1lb3I0AAMAXf/sBDUETgAVACAAKwA3QDQABQADAgUDYQcBBAQAWwAAAB9LBgECAgFbAAEBHgFMIiEXFicmISsiKxwbFiAXICkkCAYWKxM0PgIzMh4CFRUUDgIjIi4CNQEyPgI3IR4DEyIOAgchLgNdRH+2cnO3f0REf7Zyc7d/RAHtRWtMLAf9oAcsTWtERGpMLgcCXwgtTGsCJ3XJlFVVlMl1FnXIlFRUlMh1/nE1XHtGRntcNQM0NFp5RER5WjQAAQAaAAAE4QXDABQAQbUBAQIBAUpLsBtQWEARAAEBAFsDAQAAHUsAAgIXAkwbQBUAAwMWSwABAQBbAAAAHUsAAgIXAkxZthEVIScEBhgrARc3AT4DMxcHIyIOAgcBIwEzAkciIgECGDhGWDguAQ0bKiMcDv59qv4G0QF2goEDKU1uSCIBqxAjNyb7eQWwAAEAUQAABGAETgAUAFtLsBtQWEALCQEBAAoBAgIBAkobQAsJAQEDCgECAgECSllLsBtQWEARAAEBAFsDAQAAH0sAAgIXAkwbQBUAAwMYSwABAQBbAAAAH0sAAgIXAkxZthETJSUEBhgrARc3EzY2FzIWFwcmJiMiBgcBIwEzAhsYGbAqg00cNBoVBhcOITwO/sON/ma+ATxlZQIfgXIBBxGUAwU0Kfy0BDoAAwBF/lEEugXEABUAMgBIAEFAPhcBBwIwAQAHJQEEAANKAAYGAVsAAQEdSwUBAgIYSwAHBwBbAAAAHksABAQDXAADAyEDTCklFjkVFykkCAYcKwEUDgIjIi4CNRE0PgIzMh4CFQEXEzMDDgMjIi4CJzceAzMyPgI3NwMzBTQuAiMiDgIVERQeAjMyPgI1AoonTHFJRWlHIyNHaUVJcE0nARQPaaTxCSI3UDkKGRoYBwQGExQTBh0pGxEFGJ+k/nEMGy0gICsaDAwaKyAhLBsMAedzu4VISIW7cwHhc7yFSEiFvHP+q6MCavseJ1xPNQMFBgKQAQICASk6PhVeBDtLSHNRKytRc0j900h0USwsUXRIAAMAN/5RBLsETgAVADIASABvQA4XAQYHMAEBBiUBBAEDSkuwGVBYQCEABwcAWQUCAgAAGEsABgYBWwABAR5LAAQEA1wAAwMhA0wbQCUFAQICGEsABwcAWwAAAB9LAAYGAVsAAQEeSwAEBANcAAMDIQNMWUALKSUWORUXKSQIBhwrEzQ+AjMyHgIVFRQOAiMiLgI1JRcTMwMOAyMiLgInNx4DMzI+Ajc3AzMBFB4CMzI+AjU1NC4CIyIOAhU3I014VVZ6TSQkTXlVVnlMJANnDWyk8QkiN1A5ChkaGAcEBhMUEwYdKRsQBhifpP2PCBw1LS01GwgIHDYtLDUbCAIodcmUVFSUyXUXdcmTVFSTyXViswJ6+x4nXE81AwUGApABAgIBKTo+FV4EO/3XUJBuQUFukFAXTpBuQkJukE4AAAQAav9zBGEGNQADAAcAJQBDAKtLsBZQWEAuAAEFBQFmAAAGAwYAaAADBwcDZgACBAQCZwAGBgVbAAUFHUsABwcEXAAEBB4ETBtLsBdQWEAtAAEFBQFmAAAGAwYAaAADBwcDZgACBAJzAAYGBVsABQUdSwAHBwRcAAQEHgRMG0AuAAEFAXIAAAYDBgADcAADBwYDB24AAgQCcwAGBgVbAAUFHUsABwcEXAAEBB4ETFlZQAstLS0nEREREAgGHCsBIxEzESMRMwEOBSMiLgQnNT4FMzIeBBcnLgUjIg4EBxUeBTMyPgQ3AsK5ubm5AZ8BGTRRcJFaWpFwUjUaAQEZNVFwkVpaknBRNRkBtwEMHTBIYkFAYkgwHQ0BAQ0eMEhiQUFjRy8dCwEEswGC+T4BiwGGTp+UgGA3N2CBlJ5Opk6flIFhNzdggZSgTgI0cW9lTS0uTWVvcTOoM3JvZk0uLk1lb3I0AAAEAHr/YQRSBMsAAwAHAB0AMwEWS7ASUFhALgABBAQBZgAABwMHAGgAAwYGA2YAAgUFAmcABwcEWwAEBB9LAAYGBVwABQUeBUwbS7AUUFhALQABBAQBZgAABwMHAGgAAwYGA2YAAgUCcwAHBwRbAAQEH0sABgYFXAAFBR4FTBtLsBZQWEAsAAEEAXIAAAcDBwBoAAMGBgNmAAIFAnMABwcEWwAEBB9LAAYGBVwABQUeBUwbS7AXUFhALQABBAFyAAAHAwcAaAADBgcDBm4AAgUCcwAHBwRbAAQEH0sABgYFXAAFBR4FTBtALgABBAFyAAAHAwcAA3AAAwYHAwZuAAIFAnMABwcEWwAEBB9LAAYGBVwABQUeBUxZWVlZQAspKSklEREREAgGHCsBIxEzESMRMwE0PgIzMh4CFRUUDgIjIi4CNTMUHgIzMj4CNTU0LgIjIg4CFQLEurq6uv22RH+2cnO3f0REf7Zyc7d/RLkmTXRNTHNNJidNc01Nck0mA0YBhfqWAZcBL3XJlFVVlMl1FnXIlFRUlMh1UJFuQEBukVAWT5FuQUFukU8AAAMATf/rBIMHUQA0AEwAWABpQGY/AQ0KQQEACVgBBAAOAQEFBEoADQoJCg0JcAAGBAUEBgVwAAsACg0LCmMOAQwACQAMCWMIAQQEAFsDAQAAFksHAQUFAVsCAQEBHgFMNTVSUTVMNUtGRD07ODYVIxMlERkkKRAPBh0rATIeAhURFA4CIyImJwYGIyIuAjURND4CMxUGBhURFBYzMjY1ETMRFBYzMjY3ESYmJxMVIyIuAiMiBhUHIzU0NjMyHgQzATY2NTUzFRQOAgcDIk6CXTQuU3VGTHMgIXNLR3RTLjNdgk9OWUU9PEa6Rjw8RgEBWk27Kkl0YFEmMjkBf3ptIj89PkRNLf5IISKLFiQvGQWvM2STYP0rV4VaL0hGRkgvWoVXAtVgk2QzlwF+dP0rYW1kWAH8/gRYZG1hAtV0fgEBu38oLyc2NxIkbmwTGyEcE/6QKEcmYGYdOzUtDQAAAwBn/+sEfAXeADQASgBWALJAEj8BDQpBAQAJVgEEAA4BAQUESkuwJlBYQDwADQoJCg0JcAAGBAUEBgVwDgEMAAkADAljAAoKC1sACwsdSwgBBAQAWwMBAAAfSwcBBQUBWwIBAQEeAUwbQDoADQoJCg0JcAAGBAUEBgVwAAsACg0LCmMOAQwACQAMCWMIAQQEAFsDAQAAH0sHAQUFAVsCAQEBHgFMWUAaNTVQTzVKNUlGRD07ODYVIxMlERkkKRAPBh0rATIeAhURFA4CIyImJwYGIyIuAjURND4CMxUGBhURFBYzMjY3ETMRFBYzMjY1ETQmJxMVIyIuAiMiBhUHIzU0NjMyHgIzATY2NTUzFRQOAgcDLUp7WTErT25DTHIhIXNMQ25PKzFYe0tFUDs2PEYBukY8NT1RRcIrSnRhUScyOgF/e200W19sRP5DISKLFiQvGQRNMmOSYP6GV4RZLUZGRkYtWYRXAXpgkmMylwF5dv6GYWlgWAEN/vNYYGlhAXp2eQEBqn8oLyc2NxIlbmsnLyj+jyhHJmBmHTs1LQ0AAAIAcf/sBIUHBAAHACwAdLURAQQHAUpLsBRQWEAlAAIBBgECaAAAAwEBAgABYQsKCAMGBhZLCQEHBwRbBQEEBB4ETBtAJgACAQYBAgZwAAADAQECAAFhCwoIAwYGFksJAQcHBFsFAQQEHgRMWUAUCAgILAgsKScTIxUkJhERERAMBh0rASEXIRUjNSEFExQOAiMiJicGBiMiLgI1EzMTFBYzMjY1EzMRFBYzMjY1EwEbAtAB/uOo/vQDaQErTm1CTnQgIHRNQ21OKwG4ATs0PEUBv0U9NDoBBwRsfX3o+45SflYsSklISyxWflIEcvuOWGRkWARy+45YZGRYBHIAAgBf/+sEegWwAAcALAB4tREBBAcBSkuwFFBYQCcAAgEGAQJoAwEBAQBZAAAAFksLCggDBgYYSwkBBwcEWwUBBAQeBEwbQCgAAgEGAQIGcAMBAQEAWQAAABZLCwoIAwYGGEsJAQcHBFsFAQQEHgRMWUAUCAgILAgsKScTIxUkJhERERAMBh0rASEXIRUjNSEBERQOAiMiJicGBiMiLgI1EzMRFBYzMjY1ETMTFBYzMjY1EQEEAtYB/uCo/vEDditPbkJOdSEgdE5Dbk4sAbk8NTxHvwFGPTQ9BbBsf3/+9/0BUn5VLEpJSEssVX5SAv/9AVhiYlgC//0BWGJiWAL/AAEAl/6CBGUFxQAkAFO1AgEABAFKS7AdUFhAHQACAwQDAgRwAAMDAVsAAQEdSwAEBABZAAAAGgBMG0AaAAIDBAMCBHAABAAABABdAAMDAVsAAQEdA0xZtykkFCsQBQYZKwEjES4DNTU0PgIzMh4CFSMuAyMiDgIVFRQeAjMzAyq5bq97QkaCuHJusHtDuQEmSWxHS3VQKTBdiFht/oIBbw5rpdV594PkqWFFgLNuS3xXME2Bq175X6yDTQAAAQC//oIEOwROACQAU7UCAQAEAUpLsB1QWEAdAAIDBAMCBHAAAwMBWwABAR9LAAQEAFkAAAAaAEwbQBoAAgMEAwIEcAAEAAAEAF0AAwMBWwABAR8DTFm3KSQUKxAFBhkrASMRLgM1NTQ+AjMyHgIVIzQuAiMiDgIVFRQeAjMzAv25X5FiMz54sHJbmnA/ryZBWjRMbEYhIEZsTWb+ggFwEGGQs2Iqa8SVWD1qj1MxWEImRW+LRSpHi29FAAABAHYAAASSBT4AEwAnQCQTEhEQDQwLCgkIBwYDAgEPAAEBSgABAAFyAAAAFwBMGRQCBhYrAQUHJQMjEyU3BRMlNwUTMwMFByUCWgEhRP7dtqjh/t9EASXN/t5GASO8pecBJUj+4AG+rHuq/r8Bjqt7qwFtq32rAUv+aKt6qgABANEEpgORBfwABwCMS7AUUFhAGAACAQECZgAAAwMAZwQBAwMBWQABARYDTBtLsBdQWEAXAAIBAQJmAAADAHMEAQMDAVkAAQEWA0wbS7AfUFhAFgACAQJyAAADAHMEAQMDAVkAAQEWA0wbQBsAAgECcgAAAwBzAAEDAwFVAAEBA1oEAQMBA05ZWVlADAAAAAcABxEREQUGFysBFSc3IScXFQF3pgECGwGlBSN9AelsAdgAAQD8BRcD8AYVABcAT0uwJlBYQBUAAQADAgEDYwQBAgIAWwUBAAAWAkwbQBsFAQADAgBXAAEAAwIBA2MFAQAAAlsEAQIAAk9ZQBEBABYUEQ8MCwgGABcBFwYGFCsBMj4EMzIWFRUjNTQmIyIOAiMjNQEmNFpPSEdIKG6AgD8zLV5vh1UsBZYTHCEcE2xuJBI4NCcvJ34AAQHDBRYCsgZXAAUAEkAPBQQDAAQARwAAAGkRAQYVKwE1MwcXBwHDtAE8TgXce4x0QQABAjwFFgMqBlcABQARQA4FAgEDAEcAAABpEwEGFSsBJzc1MxUCiEw6tAUWQXSMewAI/uf+xAaDBa8AFQArAEEAVwBtAIMAmQCvAT1LsB9QWEBmIAMCAQIEAgEEcCUXFSEHBQUGCAYFCHAmGxkiCwUJCgwKCQxwJBMCERIRcxQBBBYBBgUEBmMYAQgaAQoJCApjHAEMHgEODQwOYwAQABIREBJjAAICAFsAAAAWSycfHSMPBQ0NFw1MG0BpIAMCAQIEAgEEcCUXFSEHBQUGCAYFCHAmGxkiCwUJCgwKCQxwJx8dIw8FDQ4QDg0QcCQTAhESEXMUAQQWAQYFBAZjGAEIGgEKCQgKYxwBDB4BDg0MDmMAEAASERASYwACAgBbAAAAFgJMWUBgmpqEhG5uWFhCQiwsFhYAAJqvmq+rqaWkoJ6EmYSZlZOPjoqIboNug399eXh0clhtWG1pZ2NiXlxCV0JXU1FNTEhGLEEsQT07NzYyMBYrFisnJSEgHBoAFQAVJBQkKAYXKwE0PgIzMh4CFSM0LgIjIg4CFQE0PgIzMh4CFSM0LgIjIg4CFRM0PgIzMh4CFSM0LgIjIg4CFQE0PgIzMh4CFSM0LgIjIg4CFQE0PgIzMh4CFSM0LgIjIg4CFQE0PgIzMh4CFSM0LgIjIg4CFQE0PgIzMh4CFSM0LgIjIg4CFRM0PgIzMh4CFSM0LgIjIg4CFQHUHTdOMDBONx5wCxglGxslFwoB3h42TjAwTjgecQsYJRsaJRcKSR42TjAwTjcecAsYJRsaJRcL/soeNk4wME43HnALGCUbGiUXC/1PHTdOMDBONx5wCxglGxolFwv9TR43TjAwTjcecAsYJRsbJRcK/t4eN00wME43HnALGCUbGiQYCzUeN00wME44HnELGCUbGiUWCwTzKUUyHBwyRSkUJBwRERwkFP7rKUUyHBwyRSkUJBwRERwkFP4JKUUyHBwyRSkUJBwRERwkFP35KUUyHBwyRSkUJBwRERwkFP7kKkUxHBwxRSoUJRwQEBwlFAUaKUUyHBwyRSkUJBwRERwkFP4JKUUyHBwyRSkUJBwRERwkFP35KUUyHBwyRSkUJBwRERwkFAAACABO/mMHjgXGAAQACQAOABMAGAAdACIAJwBtQB8hIBYDAwInIh0YFxMSEQ8ODQwKDQEDJiUcGwQAAQNKS7AuUFhAFwUBAwMCWQACAhZLBAEBAQBZAAAAGgBMG0AVAAIFAQMBAgNhBAEBAQBZAAAAGgBMWUASBQUAAAUJBQkIBwAEAAQSBgYVKwUXAyMTAycTMwMBNwUVJQUHJTUFATclFwUBBwUnJQMnAzcTARcTBwMEUQt6YEY6DHpgRgIeDQFN/qb7dA3+swFaA5wCAUFE/tr88wL+wEUBJisRlEHGA2ARlULFPA7+rQFhBKIOAVL+oP4RDHxiRzsMfGJHAa4QmUTI/I4RmUXIAuQCAUZF/tX84wL+u0cBKwAAAwC/AAAEeQWwAAMAEgAfADZAMwMCAgMEAQEAAgJKAAMFAQIAAwJjAAQEAVsAAQEWSwAAABcATAQEHx0VEwQSBBEhFQYGFisBBwE3AREjESEeAxUUDgIHJSE+AzU0LgInIQQxhP6Vg/6zuQHYYq+ETU2Er2L+4QEfQGxQLS1PbUD+4QHTRgHsRv6J/bgFsAI6bqJpaaFuOgGYASdIZ0JCakooAQADAK3+YAQ/BE4AAwAZACsAaEAVEQEEAiMiAwIEBQQMAQAFAQEBAARKS7AZUFhAGwAEBAJbAwECAhhLAAUFAFsAAAAeSwABARoBTBtAHwACAhhLAAQEA1sAAwMfSwAFBQBbAAAAHksAAQEaAUxZQAklKSMREygGBhorJQcBNyUUDgIjIiYnESMRMxc2NjMyHgIVIzQuAiMiBgcRFhYzMj4CNQQ2cP6VcQFzOGyfZmOXNrmpCTaZZWigbDi5I0lwTll5JCR4XE1wSCMCXQF1Xpl0yZRUQDz9+AXadkNHUpLLeU+PbUBTQf33QFFBbpBPAAABALYAAARHBv8ABwAfQBwAAwIDcgAAAAJZAAICFksAAQEXAUwREREQBAYYKwEhESMRIREzBEf9KboC2LkFGProBbABTwAAAQC2AAAEMQV3AAcAH0AcAAMCA3IAAAACWQACAhhLAAEBFwFMEREREAQGGCsBIREjESERMwQx/T+6AsG6A6H8XwQ6AT0AAAEAuf7gBH8FsAAbACxAKQABAAQFAQRjAAMAAgMCXwAAAAZZAAYGFksABQUXBUwRESYRGCEQBwYbKwEhETMyHgIVFA4CIycyPgI1JiYjIxEjESEENP0/uI7dmVA9eLFzAlFvRB4Cy864ugN7BRj+KlCV1oaDy4pJkzlok1rH2P1gBbAAAAEAuP7kBFIEOgAdACtAKA4NAgNHAAEAAgMBAmMAAAAEWQAEBBhLAAMDFwNMHRwbGhkXIRAFBhYrASERMzIeAhUUDgIHJz4DNTQuAiMjESMRIQQr/Ufab72LTyxelGcwRGA8HDNaeUfaugNzA6H+5UF5sXE6joRnE5ISO09gOEx2Tyn+HAQ6AAABAK4AAATEBbAAFAA9QDoBAQEGAUoIAQYDAQECBgFhCgkCBQUWSwACAgdZAAcHGEsEAQAAFwBMAAAAFAAUERERERERERESCwYdKwkCIwEjFSM1IxEjETMRMxEzETMBBJj+sQF75/66NpVlublllTYBKQWw/VH8/wKU9fX9bAWw/XsBAf7/AoUAAQCjAAAEfgQ6ABQAO0A4AQEBBgFKCAEGAwEBAgYBYQAHAAIABwJhCgkCBQUYSwQBAAAXAEwAAAAUABQRERERERERERILBh0rCQIjASMVIzUjESMRMxEzNTMVMwEEWf6uAXfq/uozlFq6ulqULAEDBDr9/v3IAc3Cwv4zBDr+NtXVAcoAAQAtAAAEpgWwAA4ALUAqDAEABAFKAAQAAAEEAGEAAgIDWQUBAwMWSwYBAQEXAUwSEREREREQBwYbKwEjESMRITUhETMBMwEBIwKVarj+ugH+YgEe0/67AW3iApP9bQUYmP16Aob9P/0RAAEAOAAABLEEOgAOAC1AKgwBAAQBSgAEAAABBABhAAICA1kFAQMDGEsGAQEBFwFMEhEREREREAcGGysBIxEjESE1IREzEzMBASMCvIa5/rsB/n/54P63AWzqAc3+MwOhmf42Acr9/v3IAAABAHIAAASaBbAADQAnQCQAAAAEAwAEYQACAgFZBgEBARZLBQEDAxcDTBERERERERAHBhsrASERIRUhESMRIREjETMBKwFzAfz+vLj+jbm5Ax8CkZj66AKH/XkFsAAAAQBuAAAEnAQ6AA0AJ0AkAAAABAMABGEAAgIBWQYBAQEYSwUBAwMXA0wREREREREQBwYbKwEhESEVIREjESERIxEzAScBfAH5/sC5/oS5uQJlAdWZ/F8Bzv4yBDoAAAEAbf7fBJoFsAAdAC5AKwAAAAMEAANjAAIAAQIBXwAFBQdZAAcHFksGAQQEFwRMERERERgRGBAIBhwrAR4DFRQOAiMnMj4CNS4DJxEjESERIxEhAuFrpXA5MGGQYAI6Ti8TAR4+YEO5/v24AnQDQQJTmNOBgcqMSpM7aZNXXphrOwL9YgUY+ugFsAAAAQB0/uUEfAQ6ACEAL0AsDg0CAkcAAAABAgABYwADAwVZAAUFGEsEAQICFwJMISAfHh0cGxoYFyAGBhUrATMyHgIVDgUHJz4DNS4DIyMRIxEjESMRIQLNCF2ccD4BECI1S2I9MDlNLxQBIj5XNgi557kCWQKFQnywbSZZXFlMOA2SEjxPYDZJdVAr/h0DofxfBDoAAAIAaP/iBFAFxQA1AEcAM0AwOTIgAwQDAwEABAJKBwEDAwJbBQECAh1LBgEEBABbAQEAAB4ATCwaKxkRGSQQCAYcKwUmJicGBiMiLgI1ETQ+AjMXIg4CFREUHgIzMjY3JiY1ETQ+AjMyHgIVEQYGBxYWMwEUFhc2NjURNC4CIyIOAhUEUFKSPzBtPHG2gEUvV3xOASY4JxMoTnNKESAQW2ErUHNISHNQKwFLRiNOLP5CSUU1Ng8fLx8gLiAPHgEhHxsdZq7phQEXeNKcW55CcZdX/udlsINNBARb/JsBU2W0hk5MhbRo/piM8VgMDQIBgMtEQ8V0AWtFelozNlt4QwACAFz/6wSLBE8AMwBFADNAMDcxHwMEAwMBAAQCSgcBAwMCWwUBAgIfSwYBBAQAWwEBAAAeAEwsGSkpERkkEAgGHCsFJiYnBgYjIi4CNTU0PgIzFSIOAhUVFB4CMzI3JiY1NTQ+AjMyHgIVFRQGBxYzARQWFzY2NzU0LgIjIg4CFQSLWp5FOYNKb7WBRzJcglAoPioWKk5ySC8sXmUrUXZLS3dRK0I+T2H+D1FNMzYBECEyIiIxIBAMAR0cICNbn9h8OmOtgUqeMVVzQjxbnnVDDE/ZgGhbnHNBR3qjXGlxxEsVAalppzk5nl5sOmhPLylIYjkAAQA5/qEEtgWwABMAK0AoAAYDBlICAQAAAVkEAQEBFksFAQMDB1oABwcXB0wRERERERFREAgGHCsBITUhNTMVMxUjESERMxEzAyMRIQFG/vMBDbnu7gFtuZESpf1HBRiXAQGX+38FGfrs/gUBXwABADT+vwSLBDoADwArQCgABgMGUgIBAAABWQQBAQEYSwUBAwMHWgAHBxcHTBEREREREREQCAYcKwEjNSEVIxEhETMRMwMjESEBHOgCheQBfbmAEqb9SQOjl5f89AOj/F3+KAFBAAACAKsAAAQnBbAAAwAdAHJAChwBBQEHAQMFAkpLsApQWEAkAAEEBQQBBXAAAAMCAwBoAAUAAwAFA2QHBgIEBBZLAAICFwJMG0AlAAEEBQQBBXAAAAMCAwACcAAFAAMABQNkBwYCBAQWSwACAhcCTFlADwQEBB0EHSUVJRIREAgGGisBIxEzAREjEQ4DIyIuAjURMxEUHgIzMjY3EQKmlZUBgbkhQkdRMGGYaDe5GzdUOVOQSAE1ArwBv/pQAlsMEg4HMWyqeQHI/jhVcUUdHRgCuwACAJIAAAQsBDoAAwAZAJZAChcBBQEGAQMFAkpLsApQWEAiAAEEBQUBaAAAAwIDAGgABQADAAUDZAYBBAQYSwACAhcCTBtLsBJQWEAjAAEEBQQBBXAAAAMCAwBoAAUAAwAFA2QGAQQEGEsAAgIXAkwbQCQAAQQFBAEFcAAAAwIDAAJwAAUAAwAFA2QGAQQEGEsAAgIXAkxZWUAKEyMVIxEREAcGGyslIxEzASMRBgYjIi4CNREzERYWMzI2NxEzAq+WlgF9uUSRVWSicz65AYN6UZRFudMCNvz3AYsREjJlmWcBO/7FhXoSEQIXAAEA4wAABF8FsAAZAC9ALAMBAwEYAQIDAkoAAQADAgEDYwAAABZLBQQCAgIXAkwAAAAZABklFSURBgYYKzMRMxE+AzMyHgIVAyMRNC4CIyIGBxHjuSFBR1EwYZhpNwG5GzdUOVOQRwWw/aMMEw4HMWyqef45AcdVcUUdHRj9RgAAAgAm/+oEiQXDACkANABSQE8PAQUBBgEDBSQBBAMlAQAEBEoIAQUAAwQFA2EABgYCWwACAh1LAAEBGEsABAQAWwcBAAAeAEwrKgEAMjAqNCs0IB4ZGBUTDAsAKQEpCQYUKwUiLgI1NS4DNTMWFhc0PgIzMhIRFSEVFB4CMzI+AjcXDgMBITU0LgIjIgYVAyp8v4JDQWFBIZUBNDpGeqVf1cb9WiRPfFgvTUE1Fi8PNUxm/ngB7RUzV0N/jBZYndeAkAw/X35LVHgZkOaiV/7V/uK8iFqfd0YQGh4OiAwjHxYDWHBOiWY88+YAAgAm/+wEhQROACYAMgBVQFINAQYBBQEDBiEBBAMiAQAEBEoAAQUGBQEGcAAGAAMEBgNhCAEFBQJbAAICH0sABAQAWwcBAAAeAEwoJwEALSwnMigyHx0ZGBMRCgkAJgEmCQYUKwUiLgI1NSYmNTMWFhc+AzMyHgIVFSEeAzMyNjcXDgMDIg4CByE1NC4CAv5ur3pCgH+UATY7D1B0kVBrn2gz/VoDJkhpRWSLMEoYQ1lwYzJUQCwJAeccOlkUUZHGdQEXs45NaxVho3VASYGyaXhMhWQ6Py58GTAmGAPKLlFuQBg2ZE0uAAEAyP7aBIwFsAAeAChAJQAFAAIDBQJjAAEAAAEAXwYBBAQWSwADAxcDTBEREREoERkHBhsrAR4DFRQOAiMnMj4CNS4DIyMRIxEzETMBMwLKbKhyPD12r3MCUG1EHQEuW4td4Lm5jgGb1wM1D12SxXeDyotJkjppklpjmmo4/WYFsP2MAnQAAQC0/v4EPAQ6AB4AKUAmCwoCAUcAAwAAAQMAYwQBAgIYSwABARcBTB4dHBsaGRgXFhQFBhQrAR4DFRQOAgcnPgM1NC4CIyMRIxEzETMBMwKvVo9mOSpYi2ExP1c4GTJXd0fHubl3AXjgAmQORG2WYDiIfWISkhA4SVszTG1FIP4zBDr+NgHKAAEAtv5LBBkFsAAbADtAOA4BAwUNAQIDAkoAAAAEBQAEYQcGAgEBFksABQUXSwADAwJbAAICIQJMAAAAGwAbERMnJRERCAYaKwERIREzERQOAiMiJic3HgMzMjY1ESERIxEBbwHxuSpRdkwdNB0OCBsdGgZBQ/4PuQWw/WwClPn3UoFaLwgKkwMFAwJtVwLe/XsFsAABALP+SwQWBDoAGwA7QDgOAQMFDQECAwJKAAAABAUABGEHBgIBARhLAAUFF0sAAwMCWwACAiECTAAAABsAGxETJyUREQgGGisBESERMxEUDgIjIiYnNx4DMzI2NREhESMRAWwB8bksUnhMHjUdDggcHRoHQkf+D7kEOv4rAdX7bVOBWS8ICpMDBQMCaloCJ/4yBDoAAgBa/+sEVwXEACIALgBDQEAeAQMAHQECAwJKAAIABQQCBWEAAwMAWwYBAAAdSwcBBAQBWwABAR4BTCQjAQApKCMuJC4ZFxIRDAoAIgEiCAYUKwEyHgIVFRQOAiciLgI1NSE1NC4CIyIOAgcnPgMTMj4CNyEVFB4CAj6CyIlGT4u9b368fj8DRCdVhl41WUo9GS8RO1dyW1F7VCwB/XUhS3kFxF+o54jajO6uYQFWn+CKpl1iroNMEBkfDogMIyAW+r5PhrNjWlOSbT8AAQCU/+sEUgWwACQAPEA5BAEAASQBAgACSgAEBgUGBAVwAAIABgQCBmMAAAABWQABARZLAAUFA1sAAwMeA0wmJBQoEhEQBwYbKwEhNSEXAR4DFRQOAiMiLgI1MxQeAjMyPgI1NCYjIzUDSv10A2UB/mVsqnU+SYOzalephFG5KkppP0dxTiqnn48FGJh2/hQGQG+fZGaebjkyaKBvOWNLKylIZDucjpcAAQCJ/nUESAQ6ACQAaUALBAEAASQFAgUAAkpLsDBQWEAkAAUAAwAFA3AAAwQAAwRuAAAAAVkAAQEYSwAEBAJbAAICGgJMG0AhAAUAAwAFA3AAAwQAAwRuAAQAAgQCXwAAAAFZAAEBGABMWUAJJiQUKxEQBgYaKwEhNSEXAR4DFRQOAiMiLgI1MxQeAjMyPgI1NCYjIzUDLP2IA2UB/nJppXI8SYO0aleohFK6KUtoP0hxTiqrn40DoZl2/hEIQW+cYmWebjkyaKBuOGNKKyhIYzudjZcA//8AQv5LBHsFsAImAK5LAAAnAb3/DQA/AQcBwv9PAAAACLEBAbA/sDMr//8AdP5LBHwEOgImAOhSAAAnAb3/P/9kAQcBwv9EAAAACbEBAbj/ZLAzKwAAAgBhAAAEMAWwAA4AGwAwQC0FAQIAAwQCA2MAAAAWSwYBBAQBXAABARcBTA8PAAAPGw8aEhAADgANIREHBhYrAREzESEiLgI1ND4CMwERISIOAhUUHgIzA3e5/hh1tXxBQXy1dQEv/tFOckojI0pyTgNtAkP6UEJ2o2BhoHI//SoCPy5NZjg5alIxAAACAE0AAASNBbAAIAAtAGZLsBdQWEAcBAEBAAUDAQVjAAICFksIBgIDAwBcBwEAABcATBtAIwAEAQUBBAVwAAEABQMBBWMAAgIWSwgGAgMDAFwHAQAAFwBMWUAZISEBACEtISwkIhgXEA4NDAsJACABHwkGFCshIi4CNTQ+AjMzETMRNz4DNzYmJzMWFgcOAyMnESMiDgIVFB4CMwHPXpBiMjJikF5yuTEpPSoWAQIgHbMbKAICOV9/R+pyNk0wFhYwTTZDd6JfX6BzQAJD+uYBAS9Wd0hbxVtbwGB2sng8lwI/Lk5mNzhqUjIAAAIAZf/oBJQGGAArAEAAQUA+CAEGAD0sAgIDIwEEAgNKAAEAAXIAAwYCBgMCcAAGBgBbAAAAH0sHAQICBFwFAQQEHgRMKScjJxclEyQIBhwrEzQ+AjMyFhcRMxEGHgIzPgM3NiYnNxYWBw4DIwYnBgYjIi4CNQEmJiMiDgIVFRQeAjMWNjcmJidlJktySzRUIbkBCxgjFyIyIREBAh8dshwoAgIyVnRDqEMlaUdKcEwmAdcWPCkuPyYQECY+LS5AFwMEAQJAb8COUSYjAhP7HCRBMB0BPGqRV2TKZAFiymeGzIxIA4Y/REh+qmIBqyEoPWeFSIM+b1YyATAoFCoXAAABADf/6QSKBbAAOgA7QDgbAQABAUoABQIBAgUBcAABAAAEAQBjAAICA1sAAwMWSwAEBAZbAAYGHgZMODYvLiclISYhJAcGGCsBNC4CIyM1MzI2NTQuAiMjNTMyHgIVFAYHHgMVFRQeAjM+Azc2JiczFhYHDgMjBiYnAfcbMUUqhVKBdx06Vzvh4WKbbDlkWzFFLBMOHCkbK0EsFwIBIB2zGioCAjphg0qJmAYBcjpiRieYhX87X0MkmDZnmmRyqjAVQ1hqO2kcMiUWATtqkldkymViymeHzYtHAouXAAABAFD/4wR9BDoAMwA4QDUvAQMEAUoAAQUEBQEEcAAEAAMABANjAAUFBlsABgYYSwAAAAJbAAICHgJMISQhJScXIgcGGyslFBYzMj4CNzYmJzMWFgcOAyMGJic1JiYnIyczMjY1NCYjIyczMh4CFRQGBxYWFRUC2yY1IjMjEgECIR60GisCAjVXdUKGiAYBa2OtApV6cHR63wblZJ5tOWFbZlTVJzErTWxCTqNOTqBRbqZwOQNygUtKTgGWV0tPY5YsUnhMVG8kHH5VTQACALP+pQRSBbAAKwA3AEBAPRUBBAAeAQMFAkoyMQIDRwAABgEEBQAEYwABAQJbAAICFksABQUDWQADAxcDTAAANzYAKwAqIB8hJiEHBhcrATUzMjY1NC4CIyE1ITIeAhUUBgceAxUVFBYXFSMuAzU1NC4CIwEUDgIHJzY2NTUzARCjqZskS3NO/uwBFHS2fUJ3cD5WNhkeJ78XGQwDJkVhPAJnFy1AKnMwKMkCeZiBgjxhQySYNWibZnOkMRRCWGw9iD9tJhkVQUU/E4Q8YkUl/acvZ2VcJD9GnlWzAAACAND+kgQwBDoAKQA1ADhANRMBAwABSjAvIB4ZBQRHAAQDBHMAAAUBAwQAA2MAAQECWwACAhgBTAAANTQAKQAoISQhBgYXKwE1MzI2NTQmIyE3ITIeAhUUBgceAxUVFB4CFxUjLgM1NTQmJwEUDgIHJzY2NTUzARnUfHR1e/7jAQEcZJ5uOmJeNEkuFQUNFxK/FBYKAm5lAiYXLUAqczAoyQG5llZOUGGWK1J3TVRzIw8yQlEuYRIqKiYNEw4wMy8NX1JaAf5UL2dlXCQ/Rp5VswABABT/6QSlBbAAKwBeS7AXUFhAHwAFAAIABQJwAAAAA1kAAwMWSwQBAgIBWwYBAQEXAUwbQCcABQACAAUCcAAAAANZAAMDFksAAgIBWwABARdLAAQEBlsABgYeBkxZQAonFyUVISUQBwYbKwEjExQCBgYjIzUzMj4CNRMhExQeAjM+Azc2Jic3FhYHDgMjBiYnAmPKASNTiWUiFzRGKhIBAjkBCBEcEyIxIRABARUUsxQdAgIyVnNCeoMFBRj96Lj+4sRml06b55kCsPtfGzMnGAE8apJWZMpkAWLKZ4bMjEgCkJYAAAEAL//pBIUEOgArAG9LsBdQWEAqAAEDBQMBBXAAAwMGWQcBBgYYSwAFBQJbBAECAh5LAAAAAlsEAQICHgJMG0AoAAEDBQMBBXAAAwMGWQcBBgYYSwAFBQRbAAQEF0sAAAACWwACAh4CTFlADwAAACsAKyElEycXJQgGGisBERQeAjM+Azc2JiczFhYHDgMjBiYnESMRFA4CIyM3NzI+AjURAvoJEhsTITIiEQECIB2zGygCAjJWc0N5hAXFHURyVCYDFyQwGwsEOvznIDksGgE0XoFOX8BeXb9hfLyAQQKYoAKA/s2S56BVpQE7c6pwAcwAAQBv/+kElQWwACMAaEuwF1BYQCMAAQUGBQEGcAAGAAMABgNhCAcCBQUWSwAAAAJcBAECAh4CTBtAJwABBQYFAQZwAAYAAwAGA2EIBwIFBRZLAAQEF0sAAAACXAACAh4CTFlAEAAAACMAIxERERMnFyUJBhsrAREUHgIzPgM3NiYnNxYWBw4DIwYmJxEhESMRMxEhEQMMCBIbEyIxIBEBAiAcshoqAgIyVXNDeYMF/tW5uQErBbD7hCRAMR0BPGuRVmTKZAFiymeFzYxIAqGqAVH9ewWw/WwClAABAHX/6QR+BDoAIwBhS7AXUFhAIgAGAgMCBgNwAAMAAAUDAGEEAQICGEsABQUBXAcBAQEXAUwbQCYABgIDAgYDcAADAAAFAwBhBAECAhhLAAEBF0sABQUHXAAHBx4HTFlACycXJREREREQCAYcKwEhESMRMxEhETMRFB4CMz4DNzYmJzMWFgcOAyMGJicCO/7zubkBDbkKFyIXHSwcDwEBFhSyFB4CAi9RbT+BjQUBzf4zBDr+KgHW/OcgOSwaATRegU5fwF5dv2F8vIBBApigAAABAI7/6wR1BcUALQA8QDkOAQIBDwEEAgJKAAQCAwIEA3AAAgIBWwABAR1LAAMDAFsFAQAAHgBMAQAkIx4cExEMCgAtAS0GBhQrBSIuAjURND4CMzIWFwcmJiMiDgIVERQeAjM2Njc2JiczHgMHDgMClHW/iEpKiL91cK5DO0GPVk98VS0tVXxPjZcDAh0XswoUEQoBAk6DrRVfpuKDAQaD4adfLCyEISNKf6le/vhfqoBKAp2IWrVaLFpbWy1wqG83AAEAoP/rBFAETgArADxAOR0BBAMeAQEEAkoAAQQABAEAcAAEBANbAAMDH0sFAQAAAlsAAgIeAkwBACIgGxkQDgcGACsBKwYGFCslNjY3NCYnMxYWFQ4DIyIuAjU1ND4CMzIWFwcmJiMiDgIVFRQeAgK0eWgCBg6yCxACQG6VV4DGh0dEgr57a581LDaMUVZ6UCUoVIOCAWJaNW82Nm42V4BUKVmUxGwqbMOUWSIgkBweRW+KRipHi29FAAEATP/qBJUFsAAhACpAJwAEAAMABANwAgEAAAFZAAEBFksAAwMFWwAFBR4FTCcXJREREAYGGisBITUhFSERFB4CMz4DNzYmJzcWFgcOAyMGLgInAbX+lwOo/noTJjgkNU81GwICIR2zGyoDAj9skFJNeVUvBAUYmJj8QS1POiEBO2mSWGTKZAFiymeHzYtHAStai18AAAEASf/pBGoEOgAhACpAJwAEAAMABANwAgEAAAFZAAEBGEsAAwMFWwAFBR4FTCkXJREREAYGGisBITUhFSERFB4CMz4DNzYmJzMeAwcOAyMGJicBmv6vA4X+hhMnOCUwSDIZAgIhHbINGRMLAQI9aIlOm64IA6SWlv21Lk46IQErTmxCT6hOJ1FSUilup3E5ArG/AAABAGz/7ARvBcUAPgBOQEsdAQAHAUoABQYHBgUHcAACAAEAAgFwAAcIAQACBwBjAAYGBFsABAQdSwABAQNbAAMDHgNMAQA9OzMxLSwoJhYUEA8LCQA+AT4JBhQrASIOAhUUHgIzMj4CNzMUDgIjIi4CNSY2Ny4DNTQ+AjMyHgIVIy4DIyIOAhUUHgIzMxUCdU99Vi0xWoFRRHBRLQG5VouwW3PDj1EBh3w3WD0hSoe9c1+sgUy5AS1NaDxSe1EpJk12ULYCmh9BY0U8ZEgoK0pkOW+gaDE4bJ9ngKsqF0JRXjNmm2k1OGiVXTZcQiYoRl43OFtBJJgA//8ASQKLBIgDIgBHAYj/bgAAUzNAAP//AE4CiwSNAyIARwGI/3MAAFMzQAD//wCm/moEOwAAAicAQQAL/wEBBgBBCwAACbEAAbj/AbAzKwAAAQHsBA8C/wYdAAsAEEANBgUCAEgAAABpGgEIFSsBND4CNxcGBhUVIwHsFy1AKmUvL7UEoS9oZVwkSEeUVpUAAAEBzQQHAuAGFgALABBADQYFAgBHAAAAaRoBCBUrARQOAgcnNjY1NTMC4BctQCplLy+1BYMvaGVcJEhHlFaWAAABAbz+0QLTAOEACwAQQA0GBQIARwAAAGkaAQgVKyUUDgIHJzY2NTUzAtMXLUAqaS8vuUwvZ2RdJElGlFaX//8BzwQHAuMGFgBHAWgErwAAwABAAP//AUkEDwOhBh0CJwFn/10AAAAHAWcAogAA//8BLQQHA4wGFgInAWj/YAAAAAcBaACsAAAAAgEv/s8DaADfAAsAFwAUQBESEQYFBABHAQEAAGkbGgIIFislFA4CByc2NjU1MwUUDgIHJzY2NTUzAkYXLUAqaS8vuQEiFy1AKmkvL7lLL2hkXSRJRpRWl5QvaGRdJElGlFaXAAEAdwAABFUFsAALACNAIAAEBDxLAgEAAANZBQEDAz9LAAEBPQFMEREREREQBggaKwEhESMRITUhETMRIQRV/mu5/nABkLkBlQOh/F8DoZkBdv6KAAEAef5gBFYFsAATADRAMQAGBjxLCAEEBAVZBwEFBT9LCQEDAwBZAgEAAD1LAAEBQQFMExIRERERERERERAKCB0rISERIxEhNSERITUhETMRIRUhESEEVv5puf5zAY3+cwGNuQGX/mkBl/5gAaCXAwqZAXb+ipn89gAAAQGaAhcDMQPcABUAGEAVAAABAQBXAAAAAVsAAQABTykkAggWKwE0PgIzMh4CFRUUDgIjIi4CNQGaHTRLLy9MNRwcNUsvL0s1HQMWK0k0Hh40SSs6K0g1HR01SCsA//8BXP/tBDoBBwInABD/bAAAAAcAEAEmAAD//wEJ/+0FJgEHAicAEP8ZAAAAJwAQAJwAAAAHABACEgAAAAYANv/rBKAFxQAhADcAOwBRAGcAfQBOQEs7OgIKCzkIAgcAGQECBgNKAAoABQAKBWMBAQAJAQcGAAdjAAsLBFsABARESwgBBgYCWwMBAgJFAkx5d25sY2EpKS0pKSQpJCQMCB0rATQ+AjMyFhc2NjMyHgIVFRQOAiMiJicGBiMiLgI1ATQ+AjMyHgIVFRQOAiMiLgI1EycBFwMUHgIzMj4CNTU0LgIjIg4CFQUUHgIzMj4CNTU0LgIjIg4CFQEUHgIzMj4CNTU0LgIjIg4CFQFWHz5bPDpYHx9XOj1bPh8fPVs8OlkfH1c5PVw+H/7gHz5bPD1bPh8gPVo8PFw+IHlEAxBEfgsaKR4dKBgLCxkpHR4oGQv+oAsZKR4dKBgLCxkoHh0oGQv+4AsaKB4cKBkLCxkoHh0oGQsBLzhlTS4qIyMqLk1lOCw4Zk0tKSMjKS1NZjgDqThmTS4uTWY4LDhlTC4uTGU4/T9UAoFU/MMeOi0bGy06HiweOS0cHC05HiweOi0bGy06HiweOS0cHC05HgNRHjktGxstOR4sHjktHBwtOR4AAQGMAJkDQAO1AAYAHkAbAwEAAQFKAAEAAAFVAAEBAFkAAAEATRMRAggWKwEBIwE1ATMCPgECjf7ZASeNAib+cwGEEwGFAAEBjACYA0ADtQAGACZAIwUBAgABAUoCAQEAAAFVAgEBAQBZAAABAE0AAAAGAAYTAwgVKwEBFQEjAQECGgEm/tqOAQL+/gO1/nsT/nsBjgGPAAABASsA1QOeBNEAAwAGswIAATArJScBFwGccQIBctVCA7pCAAACAQ8COAQYBcMACgAOACtAKA0BAAQIAQEAAkoFAQADAQECAAFhAAICBFkABAQ8AkwREhERERAGCBorATMVIxUjNSEnATMBIREHA4GXl6P+NAMByan+QwEaFgNvfrm5XgJ0/awBiCwAAAEBSwKLA8kFugAVAGtLsCNQWEAKAQECABIBAQICShtACgEBAgQSAQECAkpZS7AjUFhAGgACAgBbBQQCAAA8SwMBAQEAWwUEAgAAPAFMG0AXAAICAFsAAAA8SwMBAQEEWQUBBAQ8AUxZQA0AAAAVABUTIxUjBggYKwEXNjY3Mh4CFREjETQmIyIGBxEjEQHMHSRvSjxfRCSqTUM7SxSqBat7QEkBJEt0UP4EAdxqWTwx/c4DIAAAAQBpAAAEdgXEADMAS0BIAAkKBwoJB3ALAQcMAQYFBwZhDQEFBAEAAQUAYQAKCghbAAgIREsDAQEBAlkAAgI9AkwzMjEwLy4pJyMiJRERERYRERQQDggdKwEhFxQGByEHITUzPgM1JyM1MycjNTMnND4CMzIeAhUjNC4CIyIOAhUXIRUhFyEDIv6rAx0fAuIB+/pLGyQWCQOsqAWjnwZCd6NgYJhpOLkoQ1cwM1lAJQYBYf6jBAFZAddHRYQwl5cHOElRIEd6inu5ZqJxPDhmjlc/WTkbJ0lrQ7l7igAAAgB//+wEswWwACkANgCdS7AZUFi1CwECAQFKG7ULAQUBAUpZS7AZUFhAMgAIBgsGCAtwAAoABAEKBGMACwsGWwAGBjxLAwEAAAdZCQEHBz9LAAEBAlsFAQICRQJMG0A2AAgGCwYIC3AACgAEAQoEYwALCwZbAAYGPEsDAQAAB1kJAQcHP0sABQU9SwABAQJbAAICRQJMWUASNjQsKikoERQhESQVJSUQDAgdKwEjERQeAjMyNjcXBgYjIi4CNREjDgMjIxEjETMyHgIXMxEzETMBMzI+AjU0LgIjIwSesA8ZJBUUKwwZF1EqNFY/I1kINVl7TkW5/k57WDYIWbmw/JpFLUApExMoQS1FA6v9fCw8JREKBIQRFiRNeFMCg1KKYzf9ywWwOGOJUgEG/vr+kjJSaDg4a1MyAAABAH//6wQ5BcQALwBQQE0hAQgHIgEGCAkBAQAKAQIBBEoJAQYKAQUEBgVhCwEEAwEAAQQAYQAICAdbAAcHREsAAQECWwACAkUCTC8uLSwrKiUkERERFCUkEAwIHSsBIR4DMzI2NxcGBiMiLgInIzUzNSM1Mz4DMzIWFwcmJiMiDgIHIRUhFSEDbv5+AjNagE87bjQSOHg/dcONUAOzs7OzBVGMwHQ/dT0SNG88Tn5aMwMBgv5+AYICH2ebZzQREZoPEEiO04t6inuIzopGEQ6bEBMyY5Zke4oAAAQASf/rBJQFxQArAEEAVwBbAA1AClpYUUY7MA8EBDArARQOAiMiLgI1NTQ+AjMyHgIVIzQuAiMiDgIVFRQeAjMyPgI1EzQ+AjMyHgIVFRQOAiMiLgI1MxQeAjMyPgI1NTQuAiMiDgIVBScBFwJMI0JfOz1hQyMjQmA9PF9CJIoPHiweHi0dDw8eLR8eKx0PzCNDYD09YEMjI0JgPT1hQyOLDh4uHx4tHg4OHi0fHy0eDv6ccQIBcgQeNF1FKDBSbTxNPW1TMClGXTUbMiYWHzJCIk0iQDIfGCYwGP1HPW1SMDBSbT1OPW1SMDBSbT0jQDMeHjNAI04iQTMeHjNBIpBCA7pCAAACAN3/6wPzBckAJAAxAAi1LSUSAAIwKwUiLgI1NQYGIzUyNjcRND4CMzIeAhUVFA4CBxUUHgIzAz4DNTU0JiMiBhUDVGyeaTMxaDg6aC8pUHNKPGRIJzRlk2AXOFpE7TZPNBotKUI7FUJ3pmUODA2wDg0B31aMYzYtU3RIKU2po5E0V0RtTSkCPydga3E4K05Qc2oABAB5AAAEdgXAAAkAHwA1ADkADUAKODYvJBkOBQAEMCshIwETIxEzAQMzFzQ+AjMyHgIVFRQOAiMiLgI1NxQeAjMyPgI1NTQuAiMiDgIVEyE1IQLjsP71AbCvAQwBsFMVKDwmJz0oFRUoPCcnOykVZQQNFxMTFw0EBQ0XExIXDAXZ/s0BMwOT/G0FsPxxA4+1KEg2Hx82SCjOKEc1Hx81RygJFycdEREdJxe8FigdEREdKBb91V8AAAIAZwOXBDcFsAAMABQACLUTDwYBAjArAQMjAxEjETMTEzMRIwEjESMRIzUhA92MNItacI+QcFr+DJRbkwGCBSH+dgGJ/ncCGf5xAY/95wHI/jgByFEAAgCZ/+wElAROAB0AJgAItSIeDgICMCslBgYjIi4CNTQ+BDMyHgIVFSERFhYzFjY3ASIGBxEhESYmBBdVumNuv41SKUhjdYFCZ7WFTv0AN4xOXrlZ/pBMjDkCHDaIXjU9WZnMc0yPfGdKKVKSxnMv/rgzOwE8PwMqQjj+6wEeMz4A//8AUP/2BLkFrwAvAbb/GALoOZoAJgF2+AABDwG8AYYAADmaAAmxAAG4AuiwMysA//8AMv/2BMEFugAvAbj/GgLqOZoAJgF2H/cBDwG8AY4AADmaABKxAAG4AuqwMyuxAQG4//ewMyv//wAk//oErQWyAC8Buv8EAus5mgAmAXYIAAEPAbwBegAEOZoAEbEAAbgC67AzK7ECA7AEsDMrAP//AED/9gSnBbIALwG7/y8C6zmaACYBdtMAAQ8BvAF0AAA5mgAJsQABuALrsDMrAAACAH7/6wRGBewAJgA8AAi1MScbEAIwKwEyFhcuAyMiBgcnPgMzMhYWEhUVFA4CIyIuAjU1ND4CFyIOAhUVFB4CMzI+AjU1LgMCUFumPAtCZIJKTodHEB0/S1s6j8+HQUF8tXRys3xBP3itgE1wSiQkSXBMT3FKIwYoSGsD/kxFabB+RyAblw0ZFAt83P7RtDuI7rBlUY3BcRdptIRLmDdee0QXTIlnPUl+qGBCHElBLQAAAQCn/ysEJQWwAAcABrMGAAEwKwUjESERIxEhBCW5/fS5A37VBe36EwaFAAABADP+8wSYBbAADAAGswgDATArAQEhFSE1AQE1IRUhAQNY/bwDhPubAmD9oAQZ/McCRQJB/UqYjwLMAtKQmP1CAAABAKkCiwPsAyIAAwAYQBUAAQAAAVUAAQEAWQAAAQBNERACCBYrASE1IQPs/L0DQwKLlwAAAQA5AAAEkgWwAAoABrMFAwEwKwEXNwEzASMDIzUhAhgWGQGOvf3ijfW5ATsBUWlpBF/6UAJ0mgADADUA4ASaA90AKQBDAF0ACrdXSD0uGQQDMCsBFA4CIyIuAicOAyMiLgI1NTQ+AjMyHgIXPgMzMh4CFSM0LgIjIg4EBxUeBTMyPgI1IRQeAjMyPgQ3NS4FIyIOAhUEmiRHa0Y0VkU1ExM0RVY0R2pHJCRGakc0V0U0ExM1RVY1RmpHJHwQJT0tHjYtJRwRAwMRHCQuNR4uPSUQ/JMQJT0uHjUtJRsRAwMRGyUtNh4tPSUQAkpHg2Q8LEZWKipWRiw8ZINHKkaDZDwsRlYqKlZGLDxkg0YwV0MoHC44NzEPHQ8xNzgtHSdDWDExWEMnHS04NzAQHQ8xNzguHChDVzAAAQD4/ksD0wYrACAABrMUAgEwKwUUBiMiJic3HgMzMjY1ETQ+AjMyFhcHJiYjIgYVEQKqqJoeNR0OCBwdGgdCRy5Xfk8lRiUYES0dWlxZp7UICpMDBQMCaloFG1aGXDEMCY4FBnFg+uUAAAIAjQEUBD4D/wAhAEMACLVDMiEQAjArEzY2MzYeAhceAzMyNjcXBgYjIi4CJy4DBwYGBwc2Njc2HgIXHgMzMjY3FwYGIyIuAicuAwciBgeXMHpDJzs1MyAdMDE4JEN6LwowekIlNzEwHh80NDwnQ3ovFDB6Qyc7NTMgHTAxOCRDei8KMHpCJTcxMB4fNDQ8J0N6LwNpRE4BCxQbEA8ZEgtORKtDTwsSGQ8QHBQLAQFORP9DTgEBCxQcDw8aEgtPRKtETgoTGQ8QGxQLAU5EAAABAKkAtQQmBEEAEwAGswwCATArASEHJzchNSE3ITUhNxcHMxUhByEEJv38XE5C/u8BYoD+HgIzSk0x5P7MgAG0AW24M4Wg/6GUM2Gh////ALsACQQNBJoAZwAeABMAvEAAOZoBBwGIABL9fgARsQABsLywMyuxAQG4/X6wMysA//8AwgAHBDUErQBnACAAEADPQAA5mgEHAYgAGv18ABGxAAGwz7AzK7EBAbj9fLAzKwAAAgCOAAAEPwWwAAUADQAItQwIAwACMCsBMwEBIwEhAScHAQEXNwIejQGU/m+N/m0C8v70ERH++gEMEBIFsP0n/SkC1wIKMzP99v33MzMAAQEu/1YCKADvAAsABrMKBQEwKyUUDgIHJzY2NTUzAigRJDclaSUlsKkqXFpTIEg+f0tJABYAXAAKBIcEBgANABwAKgA6AEAARgBMAFIAWwBfAGMAZwBrAG8AcwB7AH8AgwCHAIsAjwCTADFALpKQjoyKiIaEgoB+fHl0cXBtbGloZWRhYF1cWFNQTkhHREE8Ozk0Jh8ZDgkCFjArATQmIyIGFRUUFjMyNjUXMjY1NCYnNjY1NCYjIxEnFAYjIiY1NTQ2MzIWFQUUBiMiJjUjFBYzMjY1NSMBNTMVMxUhNTM1MxUBNTMVIxUlNTMVIzUBMhYVFAYjIzUDNTMVMzUzFSE1MxUTNTMVMzUzFSE1MxUTMzIWFRQjIwUjNTMRIzUzESM1MwEjNTMRIzUzESM1MwHwRjk5Rkc5OUWfMzkcHBcXPjdnWCgjJCkpIyMpAg4eFxofMzwwLToy/JE+bALXbT371apsA0OqPf5FHRsbHUYkmUOZ/bCYQ5lDmf2wmGczISBBM/5RPj4+Pj4+A+09PT09PT0CJTZCQjY+NkJCNncrKxcnCAkiFSso/tF3JisrJj4mKysmVRgeGBouLTIt0P1qrm8/P2+uA1+dQF1dQJ1d/jEaFhUYXQHPQEBAQEBA/EQ/Pz8/Pz8CZhAXLFKK/qeJARaJ/qeK/qeJARaJAAAFAA/91QSvCHMAAwApAC0AMQA1AA9ADDQyMC4sKhIEAgAFMCsJAwU0PgI3PgM1NC4CIyIOAgczNjYzMhYVFA4CBw4DFRcjFTMDMxUjAzMVIwJiAk39s/2tAroGDBELFi0kFyVFZkA4YUkrAcsCKRglIBEYGwodIxUIysrKbAQEAgQEBlL8MfwxA8/7GScfHRAfNzlAKUBnSSceQWVGNzBANBozLycNJCgmMjBbqv1WBAqeBAABAToAAAOkAyAAHgAsQCkCAQAEAUoAAgEEAQIEcAADAAECAwFjAAQEAFkAAAA9AEwaJBInEAUIGSshITUBNjY1NCYjIgYHIzQ+AjMyHgIVFA4CBwchA6T9qQEgQThCOkpHAZ4qTm9FQmpKKBszRyuvAY9sAQ88VyMxPUs6NmBHKSE+VzcoR0VHJ5EAAAIBEQTkA+8G+QAGACYACLUmFgUAAjArASMnByMBMzcUDgIjIi4CIyIOAhUnND4CMzIeAjMyPgI1A++rxcSqASSVuhkrOiIlMissHhAdFw9NGSs6Ih8yLjAdEB4XDgTksLABBvghPzEeFhsXERshERMhQTIfFhoWEBohEQACAPwE5AS6Bs8ABgAaAAi1EQcFAAIwKwEjJwcjATMXJzY2NTQuAiM3MhYVFA4CBwcD3avGxqoBErz2AT1AGCc0HAZ7jBcmMRkBBOS6ugEGfIMFFyMTGRAHXFZLIS8fEgM8AAIAEATkA/kGlQAGAAoACLUJBwUAAjArASMnByMBMwUjAzMD+cWqqsQBIpj+j4zJyATknp4BBlgBAwACAQsE5AT0BpUABgAKAAi1CQcCAAIwKwEzASMnByMBMwMjAi+XASPFqarGAyLHyI0F6v76np4Bsf79AAACATAEpgOsBqcAFQAZAAi1GBYEAAIwKwEUDgIjIi4CNTMUHgIzMj4CNScjJzMDrC5TdUhJdVMtlRQpQCwrPykUU5fS2AWwO2JGJydGYjseNikXFyk2HinOAAABAfkEjgLwBjsACwAGswoFATArATQ+AjcXBgYVFSMB+RopMRhrIxu5BQ8sWVBCFVM7aj14AAACADYAAASOBI0ABwAKACVAIgoBBAIBSgACBAJyAAQAAAEEAGIDAQEBPQFMERERERAFCBkrASEDIwEzASMBIQMDZv36brwB3aUB1rv9yQGPxwEX/ukEjftzAa4B+wAAAwDQAAAERgSNABoAJwA0ADxAOQ4BAwQBSgAAAAUEAAVjAAQHAQMCBANjAAICAVsGAQEBPQFMGxsAADQyKigbJxsmHhwAGgAZIQgIFSszESEyHgQVFA4CBx4DFRQOBCMBESE+AzU0LgInJTM+AzU0LgInI9ABnTNpYlY/JCA1RygxVD0kIjxTYGk1/vQBDCxYRismQVYv/uv5KFJCKy5KWivjBI0OHjBHXj0wTTsrDgwuRVs3PWBKNCIQAhL+hQETK0UzNEkvFwGNAREnQC80QyYPAQABAG7/8AQ2BJ0AJwA0QDEAAgMFAwIFcAYBBQQDBQRuAAEAAwIBA2MABAQAWwAAAEUATAAAACcAJykiFCkkBwgZKwEOAyMiLgInNT4DMzIeAhcjJiYjIg4CBxUeAzMWNjcENgxSfqNedbZ9QgEBRIG5d16heU4MuRWHfVV4TCMBASBIdVSAjRcBeWCSZDNYlsZvZXHHllc2ZpRedoBDb49LZkmOcEUBeXoAAAIAtwAABFMEjQANABsAKkAnAAAFAQMCAANjAAICAVsEAQEBPQFMDg4AAA4bDhoRDwANAAwhBggVKzMRIR4DFxUOAwcDETM+Azc1LgMntwFrec2VVQEBWJnQe6WlXI9jNQEBMV+MWwSNAlCRyns/fsqPTgED9PyjATlok1pBWJFpOgEAAAEAyAAABCMEjQALACdAJAADAAQFAwRhAAUAAAEFAGEAAQECWQACAj0CTBEREREREAYIGisBIREhFSERIRUhESEDxf3AAp78pQNV/WgCQAIO/omXBI2Z/rIAAAEA5wAABD0EjQAJACFAHgACAAMEAgNhAAQAAAEEAGEAAQE9AUwREREREAUIGSsBIREjESEVIREhA+T9w8ADVv1qAj0B8/4NBI2Z/pgAAAEAfP/wBEEEnQAtADdANCkAAgQFAUoAAgMGAwIGcAABAAMCAQNjAAYABQQGBWEABAQAWwAAAEUATBEVKSIUKSQHCBsrJQ4DIyIuAic1PgMzMh4CFyMmJiMiDgIHFR4DMzI+Ajc3ITUhBEEpZ3R8PHnAhkkBAUJ+u3pZnXpRDrcZjXBXeUshAQEoU35XIUZDPhkB/usBzJYxQCYPV5fKdFR0y5dXL1yLW2tuRHKRTFZOknBFBRAdGO6QAAEAmwAAA/kEjQALACFAHgAEAAEABAFhBQEDAwBZAgEAAD0ATBEREREREAYIGishIxEhESMRMxEhETMD+bL+BrKyAfqyAfL+DgSN/f0CAwAAAQDZAAAEEASMAAsAIUAeAAAFAQECAAFhBAECAgNZAAMDPQNMEREREREQBggaKxMhFSERIRUhNSERIdkDN/69AUP8yQE7/sUEjKH8taCgA0sAAAEAlv/wA+YEjQAXAB9AHAAAAgByAAIDAnIAAwMBWwABAUUBTCQUJRAECBgrATMDDgMjIi4CJzMUHgIzMj4CNwMovgICRHGUUFeYc0kIvihEWDEvUDwjAgSN/OpfkmMzLF2RZT5ZOBkhPVk5AAEAtAAABIAEjQAMAB9AHAoGAQMAAQFKAgEBAQBZAwEAAD0ATBITERIECBgrAQcRIxEzETcBMwEBIwIAk7m5ggGM4/4iAgDhAgeO/ocEjf3WjwGb/fn9egABANEAAARSBI0ABQAZQBYAAgACcgAAAAFaAAEBPQFMEREQAwgXKyUhFSERMwGVAr38f8SXlwSNAAEAmwAABDoEjQAMACdAJAgFAgIAAUoAAgABAAIBcAQBAAABWQMBAQE9AUwREhIREQUIGSsBEzMRIxEDIwMRIxEzAm3c8bDag+Kw+AJYAjX7cwO//X8Cc/xPBI0AAQDCAAAEDwSNAAkAHkAbBwICAAIBSgMBAgIAWQEBAAA9AEwSERIQBAgYKyEjARMjETMBAzMED6z+CwWxrgH1BrADbPyUBI38kwNtAAIAgv/wBEoEnQAVACsAHUAaAAEAAgMBAmMAAwMAWwAAAEUATCkpKSQECBgrAQ4DIyIuAic1PgMzMh4CFycuAyMiDgIHFR4DMzI+AjcESgE9ebR4d7R6PwEBPnq0d3i1eT0BtwEfRnNUVHJHHwEBIEdyVFVzRR4BAiRuzJxeXp3MbUNtzJ5fXp3NbgJHknVKS3aRRkVHkXdLS3aSRwAAAgBe/zYEZwSdABoAMAAoQCUFAQADAUoHBgIARwABAAIDAQJjAAMDAFsAAABFAEwpKSkpBAgYKwEOAwcXByUGIyIuAic1PgMzMh4CFycuAyMiDgIHFR4DMzI+AjcEZQEdOFI1333+9j1Aer+ERwEBRoS+enq/hEYBuAEmUH1YV3xQJwEBJ1F9V1h8UCUBAiRKi3tmJqNvyA5ams1zQ3PNm1tams50Ak6TckVGc5NMRU2TdEZGcpROAAIAkAAABCwEjQASAB8AKUAmDwEABAFKAAIABQQCBWMABAAAAQQAYQMBAQE9AUwoISohERAGCBorASERIxEhHgMVFA4CBwEVIwEzPgM1NC4CJyMCYf7ouQGqVKF9SyRAVzIBIsf95PYvW0ctK0heMvEBwf4/BI0BKFaGXz9gSzkW/hoKAlgBGDFLNThPMhgBAAEAiv/wBDkEnQBFADRAMQABAgQCAQRwAAQFAgQFbgAAAAIBAAJjAAUFA1sAAwNFA0xCQDw7NzUfHRkYFBIGCBQrATYuBCcuAzU0PgQzMh4CFyMuAyMiDgIVFB4EFx4DFRQOBCMiLgInMx4DMzI+AgN/ARotOj8/G0WZgVMnQlhjZzBUn35RBrsCL0xgMihaTDIfNEFDQBlGknhMKERaZGkxVquKWga8AjdWajYoXU81ASokNiodFhAHETNSeFY5XUczIRArWYZaN04yFhAnQTEiNCgdFQ8GEjdVeVU7XUYxHw4qWYpgPVMzFQ4lQAABAF0AAARpBI0ABwAZQBYAAwIBAAEDAGEAAQE9AUwREREQBAgYKwEhESMRITUhBGn+V7z+WQQMA/T8DAP0mQAAAQC1//AEKwSNABkAIUAeBAMCAQIBcgACAgBbAAAARQBMAAAAGQAZJRUlBQgXKwETDgMjIi4CJxMzEx4DMzI+AjcTBCoBAkd4oFtcoHdGAQG1AQElQ187O19DJQEBBI389F+UaDY2ZpVgAwz89DtdQCIiQF07AwwAAQBWAAAEgwSNAAgAG0AYAQEBAAFKAgEAAQByAAEBPQFMERETAwgXKwEXNwEzASMBMwJQHB0BMcn+QK7+QcgBNmtqA1j7cwSNAAABAC8AAAS7BI0ADAAgQB0KBQIBAAFKBAMCAAEAcgIBAQE9AUwSERIREQUIGSsBEzMDIwMDIwMzExMzA3iXrOmfvMGf6KuYuJoBUwM6+3MDPvzCBI38xgM6AAABAGAAAARmBI0ACwAfQBwJBgMDAQABSgMBAAABWQIBAQE9AUwSEhIRBAgYKwEBMwEBIwEBIwEBMwJfAR3b/ngBl9z+2P7a3AGU/nXbAtoBs/2+/bUBu/5FAksCQgAAAQBNAAAEgQSNAAgAHEAZBgMCAQABSgIBAAEAcgABAT0BTBISEQMIFysBATMBESMRATMCZgFH1P5Au/5H1AJEAkn9CP5rAaEC7AABALkAAARCBI0ACQAnQCQJAQIDBAEBAAJKAAMAAgADAmEAAAABWQABAT0BTBESERAECBgrJSEVITUBITUhFwGfAqP8dwKL/X4DZwGXl3wDeJl5AAACAVIE4AOaBwMAEQAlAAi1HBIEAAIwKwEUDgIjIi4CNTMWFjMyNjcnJzY2NTQuAiM3MhYVFA4CBxcDmipLbEJCbE0qkQFHTEpGAdIGRUcbLDogB4yZGio2GwMFsC9MNx4eN0wvMENDMBF8BBYfERcNBlJMRB0pGxADPgAAAQFbAAACzwMVAAYABrMFAAEwKyEjEQc1JTMCz53XAWISAlk5gHUAAAIBQgTfA6AGigATABcACLUWFAQAAjArARQOAiMiLgI1MxQeAjMyNjcnMwcjA6AsT29ERXBPLJgSJTkoTUcBX5mkZgWwL003Hh43TS8YKx8SRDDaxgAAAQE4//UDlAMgAC8ABrMeDwEwKwEzMjY1NCYjIgYHIzQ+AjMyHgIVFAYHFhUUDgIjIi4CNTMWFjMyNic0JiMjAgNURkxCQzlKAZ0tTWg8QGxOK0dBli9TcEA5a1MzngFPQURMAVdIVAHLOjMtOjAsM1I5Hx05VDc4WhkqjjhWOh8bOVg9Ljs8Mz80AAACASMAAAOoAxUACgAOACtAKA0BAAQIAQEAAkoFAQADAQECAAFhAAQEAlkAAgI9AkwREhERERAGCBorATMVIxUjNSEnATMBMxEHAz1ra53+iQYBeaH+hN8RASuCqalmAgb+FgEhHAABAUD/9QOMAxUAKAAGsxEBATArARMhFSEHNjYzMh4CFRQOAiMiLgInMxYWMzI+AjU0JiMiDgIHAVUyAd7+oxYUSi0/ZUYlJElvSjhoUTIDmwZKOyQzIhBQSBooHxgMAYMBkoSqCBUjQ2A8NmJKKx47VDYzMBUnNB8/TAgMDwgAAAEBMAAAA5sDFQAGAAazBQEBMCsBASMBITUhA5v+oqYBXv47AmsCu/1FApOCAAADAT7/9QOOAyAAHwAvADsAnbYTAwICBQFKS7AKUFhAGwABAAQFAQRjAAUAAgMFAmMAAwMAWwAAAD0ATBtLsAxQWEAbAAEABAUBBGMABQACAwUCYwADAwBbAAAARQBMG0uwDlBYQBsAAQAEBQEEYwAFAAIDBQJjAAMDAFsAAAA9AEwbQBsAAQAEBQEEYwAFAAIDBQJjAAMDAFsAAABFAExZWVlACSQmJCguKgYIGisBBgYHFhYVFA4CIyIuAjU0NjcmJjU0PgIzMh4CAzQuAiMiBhUUFjMyPgIDNCYjIgYVFBYzMjYDewFANz9MLk9sPj5tUC5LQDdAKUplPDtmSiqJFiUzHj1OTj4eMiYVFUE2NkFCNjZAAkM7WBoaYUM5VTkcHDlVOUNhGhpYOzZSOB0dOFL+axopHA85NTY5DxwpAXEvNjUwLzc3AAABATUCiwOyAyIAAwAGswIAATArASE1IQOy/YMCfQKLlwAAAwHRBEADqAZyAAMAFwAjAAq3IBoSCAIAAzArATMHIwc0PgIzMh4CFRQOAiMiLgI3FhYzMjY3NCYjIgYC4sbcfH8cLz4jIj4tGxstPiIjPi8cVQEyJCMwATEjJDIGcrjXJD4sGRksPiQkPCsYGCs8JCMyMiMmMjIAAgH1BIIDtwXEAAUADgAItQ0JBAECMCsBEzMVAyMnNjY3FwYHFSMCr2CouFC6CTMtSDMDewSeASYV/tWKO10eA1NmhgACAXQE2QPCBtAAEwAvAAi1LyEEAAIwKwEUDgIjIi4CNTMWFjMyPgI1ExQOAiMiLgIjIgYHJzQ+AjMyHgIzMjY1A8IqTW1DQ21NKpUBRE0mNyQRjBgsPSQoNi8vISMuAVQZKz0lITUzNCAiMAWuL084Hx84Ty8xRRMgKxgBCiRBMR0XHRczJhUkQjIeFx0XMyYAAAECBv6ZAr8AmgADABhAFQABAAABVQABAQBZAAABAE0REAIGFisBIxEzAr+5uf6ZAgEAAQFg/ksDEgCXABEAKUAmCAEBAgcBAAECSgMBAgECcgABAQBcAAAAIQBMAAAAEQARJyMEBhYrJRUUBiMiJic3HgMzMjY1NQMSqJoeNR0OCBseGgdCR5fwp7UICp0DBQMCYFrwAAIAzAAABEsEjQAOABsAKUAmAAEABAMBBGMAAwUBAgADAmMAAAA9AEwAABsZEQ8ADgANIREGCBYrAREjESEeAxUUDgIHJSE+AzU0LgInIQGEuAHKVJ16Skp5nlT+7gESMVxFKipFXDH+7gG2/koEjQEuW4lcX4dXKgGYARcyTTc2UDUcAQAAAQCpAAAEtgWwAAwAJ0AkCgEAAwFKAAMAAAEDAGEEAQICFksFAQEBFwFMEhEREREQBgYaKwEjESMRMxEzATMBASMCDau5uZwBu9T+EQIY4wKT/W0FsP16Aob9P/0RAAEA0v/sBEEEnQAvAGJADSIhDg0EAQIvAQMAAkpLsBlQWEAcAAECAAIBAHAABAACAQQCYwAAAANbBQEDAz0DTBtAIAABAgACAQBwAAQAAgEEAmMAAwM9SwAAAAVbAAUFRQVMWUAJLiMVJCYiBggaKyUWFjMyPgI1NCYjIzUTJiYjIg4CFREjETQ2MzIeAhcBHgMVFA4CIyImJwILIFQ2Mk42HYiHVO0dVD8/UzEVuMTMQXBjVyf+7lGCWzE7aZFXOW83tRQfITtRMWJViQEnFycsS2U4/Q8C8dXXHTFDJv62By9PbUZajGAyFxr//wAAAAAAAAAAAgYAAwAA//8A2gIxA9cCyQIGAA8AAAAC/9QAAASOBbAAEQAjADdANAcBAQQBAAUBAGEABgYCWwACAjxLAAUFA1sIAQMDPQNMAAAjIiEfFhQTEgARABAhEREJCBcrMxEjNTMRIR4DFxUOAwcTIxEzPgM3NS4DJyMRM7nl5QFRmO+lVwEBV6XvmEfclXascTcBAThwrHaV3AKalwJ/AmOx95ZrlvexYwECmv39AVGMvm9tb72LUAL+GQAC/9QAAASOBbAAEQAjADdANAcBAQQBAAUBAGEABgYCWwACAjxLAAUFA1sIAQMDPQNMAAAjIiEfFhQTEgARABAhEREJCBcrMxEjNTMRIR4DFxUOAwcTIxEzPgM3NS4DJyMRM7nl5QFRmO+lVwEBV6XvmEfclXascTcBAThwrHaV3AKalwJ/AmOx95ZrlvexYwECmv39AVGMvm9tb72LUAL+GQABABoAAARKBgAAHQBithMCAgIDAUpLsCFQWEAgCAEGBQEAAQYAYQAHBz5LAAMDAVsAAQFHSwQBAgI9AkwbQCAIAQYFAQABBgBhAAMDAVsAAQFHSwAHBwJZBAECAj0CTFlADBERERETIxUjEAkIHSsBIRE2NjcyHgIVESMRNCYHIgYHESMRIzUzNTMVIQKX/u46qmpVi2I1uX92WZEtubKyuQESBNL+x1VfATFon239VwKrhYIBV0j87gTSl5eXAAABAEwAAASEBbAADwApQCYHAQMCAQABAwBhBgEEBAVZAAUFPEsAAQE9AUwREREREREREAgIHCsBIxEjESM1MxEhNSEVIREzA63rtN7e/j4EOP4+6wM3/MkDN5cBRJ6e/rwAAAEAjv/sBCkFQAAnAEhARRMBBAMUAQUEAkoLAQoACnIHAQIGAQMEAgNhCAEBAQBZCQEAAD9LAAQEBVsABQVFBUwAAAAnACcmJRERFSklEREREQwIHSsBESEVIRUzFSMVFB4CMzI+AjcXDgMjIi4CNTUjNTM1ITUhEQJkAZz+ZOrqIDhJKR5APTURGhdCTlcrSH1cNdnZ/uQBHAVA/vqPupf7P1IxFAcKCwSDDhUPCClZjWT7l7qPAQYA//8AUQAABJAHIwImACMAAAEHAEL/mQFaAAmxAgG4AVqwMysA//8AUQAABJAHIAImACMAAAEHAHMAhQFXAAmxAgG4AVewMysA//8AUQAABJAHSAImACMAAAEHAJwAhwFbAAmxAgG4AVuwMysA//8AUQAABJAHUgImACMAAAEHAKIAkwFhAAmxAgG4AWGwMysA//8AUQAABJAHIAImACMAAAEHAGgADwFbAAmxAgK4AVuwMysA//8AUQAABJAHiwImACMAAAEHAKAADgGkAAmxAgK4AaSwMysA//8AUQAABJAIGAImACMAAAEHAb7//AGmAAmxAgO4AaawMysA//8Aa/5NBF0FxAImACUAAAAGAHc2AP//ALYAAAQ0ByMCJgAnAAABBwBC/48BWgAJsQEBuAFasDMrAP//ALYAAAQ0ByACJgAnAAABBwBzAHsBVwAJsQEBuAFXsDMrAP//ALYAAAQ0B0gCJgAnAAABBwCcAH0BWwAJsQEBuAFbsDMrAP//ALYAAAQ0ByACJgAnAAABBwBoAAUBWwAJsQECuAFbsDMrAP//AK4AAAQeByMCJgArAAABBwBC/1sBWgAJsQEBuAFasDMrAP//AK4AAAQeByACJgArAAABBwBzAEcBVwAJsQEBuAFXsDMrAP//AK4AAAQeB0gCJgArAAABBwCcAEkBWwAJsQEBuAFbsDMrAP//AK4AAAQeByACJgArAAABBwBo/9IBWwAJsQECuAFbsDMrAP//AI8AAAQ+B1ICJgAwAAABBwCiAGwBYQAJsQEBuAFhsDMrAP//AGr/7ARhBzgCJgAxAAABBwBC/50BbwAJsQIBuAFvsDMrAP//AGr/7ARhBzUCJgAxAAABBwBzAIkBbAAJsQIBuAFssDMrAP//AGr/7ARhB10CJgAxAAABBwCcAIsBcAAJsQIBuAFwsDMrAP//AGr/7ARhB2cCJgAxAAABBwCiAJcBdgAJsQIBuAF2sDMrAP//AGr/7ARhBzUCJgAxAAABBwBoABMBcAAJsQICuAFwsDMrAP//AIv/7ARCBxcCJgA3AAABBwBC/7cBTgAJsQEBuAFOsDMrAP//AIv/7ARCBxQCJgA3AAABBwBzAKMBSwAJsQEBuAFLsDMrAP//AIv/7ARCBzwCJgA3AAABBwCcAKUBTwAJsQEBuAFPsDMrAP//AIv/7ARCBxQCJgA3AAABBwBoAC0BTwAJsQECuAFPsDMrAP//AD0AAAR5Bx8CJgA7AAABBwBzAHEBVgAJsQEBuAFWsDMrAP//AJz/7AQ2BeECJgBDAAABBgBClRgACLECAbAYsDMr//8AnP/sBDYF3gImAEMAAAEHAHMAgQAVAAixAgGwFbAzK///AJz/7AQ2BgYCJgBDAAABBwCcAIMAGQAIsQIBsBmwMyv//wCc/+wENgYQAiYAQwAAAQcAogCPAB8ACLECAbAfsDMr//8AnP/sBDYF3gImAEMAAAEGAGgLGQAIsQICsBmwMyv//wCc/+wENgZJAiYAQwAAAQYAoApiAAixAgKwYrAzK///AJz/7AQ2BtYCJgBDAAABBgG++GQACLECA7BksDMr//8Aj/5NBDMETgImAEUAAAAGAHdLAP//AIf/7ARFBeICJgBHAAABBgBCkBkACLECAbAZsDMr//8Ah//sBEUF3wImAEcAAAEGAHN8FgAIsQIBsBawMyv//wCH/+wERQYHAiYARwAAAQYAnH4aAAixAgGwGrAzK///AIf/7ARFBd8CJgBHAAABBgBoBhoACLECArAasDMr//8AywAABFUFzAImAIoAAAEGAEK+AwAIsQEBsAOwMyv//wDLAAAEVQXJAiYAigAAAAcAcwCqAAD//wDLAAAEVQXxAiYAigAAAQcAnACsAAQACLEBAbAEsDMr//8AywAABFUFyQImAIoAAAEGAGg0BAAIsQECsASwMyv//wCuAAAEKQYQAiYAUAAAAQYAonsfAAixAQGwH7AzK///AHr/7ARSBeECJgBRAAABBgBCihgACLECAbAYsDMr//8Aev/sBFIF3gImAFEAAAEGAHN2FQAIsQIBsBWwMyv//wB6/+wEUgYGAiYAUQAAAQYAnHgZAAixAgGwGbAzK///AHr/7ARSBhACJgBRAAABBwCiAIQAHwAIsQIBsB+wMyv//wB6/+wEUgXeAiYAUQAAAQYAaAAZAAixAgKwGbAzK///ALT/7AQfBc0CJgBXAAABBgBCiQQACLEBAbAEsDMr//8AtP/sBB8FygImAFcAAAEGAHN1AQAIsQEBsAGwMyv//wC0/+wEHwXyAiYAVwAAAQYAnHcFAAixAQGwBbAzK///ALT/7AQfBcoCJgBXAAABBgBoAAUACLEBArAFsDMr//8ARP5LBIUFygImAFsAAAEHAHMAiQABAAixAQGwAbAzK///AET+SwSFBcoCJgBbAAABBgBoEwUACLEBArAFsDMr//8AUQAABJAG+gImACMAAAEHAG4AEwFKAAmxAgG4AUqwMysA//8AnP/sBDYFuAImAEMAAAEGAG4PCAAIsQIBsAiwMyv//wBRAAAEkAdKAiYAIwAAAQcAngAPAZgACbECAbgBmLAzKwD//wCc/+wENgYIAiYAQwAAAQYAngtWAAixAgGwVrAzKwACAFH+TwSQBbAAHgAhAD1AOiEBBgAaAQEEDAECAQ0BAwIESgAGAAQBBgRiAAAAPEsFAQEBPUsAAgIDWwADA0kDTBERGiUlERAHCBsrATMBIwYGFRQWMxY2NxcGBiMiLgI1ND4CNwMhAyMBIQMCJ5sBzjBOXiQqIDUQHxxVQSlGNB4aMUYsa/4adbkBYAGDwAWw+lAqb0IiKQETCHkQHBgwRy8kSEVAGwFg/ocCGgJ4AAIAnP5PBDYETgBDAFIAWEBVSQEHCC0DAgAHOAEFADkBBgUESgADAgECAwFwAAEACAcBCGMAAgIEWwAEBEdLCQEHBwBbAAAARUsABQUGWwAGBkkGTEVETEpEUkVSJS8kFCUoJwoIGyslJiYnDgMjIi4CNTQ+AjMzNTQuAiMiDgIVIz4DMzIeAhURFBYXFSMGBhUUFjMWNjcXBgYjIi4CNTQ2JzI+Ajc1IyIGFRQeAgNvCAoDHEVTXjVWi2E1R4K3ccokQl87N1c8IboBO2+fZVyec0IUEiZOXiQqIDUQHxxVQSlGNB5b8DZeTTgQrKK0GzZSDhU2HRwyJhYyVXVEWYZZLFUxTjceHC4/IjtyWzgtW4hb/gk2eS0QKm9CIikBEwh5EBwYMEcvRIe1HC47INtgZyhEMRwA//8Aa//sBF0HNQImACUAAAEHAHMAqgFsAAmxAQG4AWywMysA//8Aj//sBDMF3gImAEUAAAEHAHMAkwAVAAixAQGwFbAzK///AGv/7ARdB10CJgAlAAABBwCcAKwBcAAJsQEBuAFwsDMrAP//AI//7AQzBgYCJgBFAAABBwCcAJUAGQAIsQEBsBmwMyv//wBr/+wEXQcuAiYAJQAAAQcAnwA0AXAACbEBAbgBcLAzKwD//wCP/+wEMwXXAiYARQAAAQYAnx0ZAAixAQGwGbAzK///AGv/7ARdB14CJgAlAAABBwCdADUBcQAJsQEBuAFxsDMrAP//AI//7AQzBgcCJgBFAAABBgCdHhoACLEBAbAasDMr//8AmwAABHAHSQImACYAAAEHAJ3/2gFcAAmxAgG4AVywMysA//8Ai//sBeYGFQAmAEYAAAEHAWgDBv//AAmxAgG4//+wMysA//8AtgAABDQG+gImACcAAAEHAG4ACQFKAAmxAQG4AUqwMysA//8Ah//sBEUFuQImAEcAAAEGAG4KCQAIsQIBsAmwMyv//wC2AAAENAdKAiYAJwAAAQcAngAFAZgACbEBAbgBmLAzKwD//wCH/+wERQYJAiYARwAAAQYAngZXAAixAgGwV7AzK///ALYAAAQ0BxkCJgAnAAABBwCfAAUBWwAJsQEBuAFbsDMrAP//AIf/7ARFBdgCJgBHAAABBgCfBhoACLECAbAasDMrAAEAtv5PBDQFsAAhAEFAPg4BAwIPAQQDAkoACAAAAQgAYQAHBwZZAAYGPEsAAQECWQUBAgI9SwADAwRbAAQESQRMERERFyUlEREQCQgdKwEhESEVIwYGFRQWMxY2NxcGBiMiLgI1NDY3IREhFSERIQPP/aACxVROXiQqIDUQHxxVQSlGNB5QSP2LA3X9RAJgAqH9/J0qb0IiKQETCHkQHBgwRy8/fzUFsJ7+LAACAIf+YQRFBE4AMwA/AEpARzMBBQQNAQACDgEBAANKAAcABAUHBGEIAQYGA1sAAwNHSwAFBQJbAAICRUsAAAABWwABAUEBTDU0Ojk0PzU/JBUpFyUpCQgaKyUGBgczBgYVFBYzFjY3FwYGIyIuAjU0NjcuAzU1ND4CMzIeAhUVIR4DMzI2NwEiDgIHITUuAwQ3ImtLAU5eJCogNRAfHFVBKUY0Hjczb7mFSVSLsV11r3Q5/PsDM1l8S2OaM/6uOGRQNwsCRgMjRGe9M1sdKm9CIikBEwh5EBwYMEcvNWkwA1CLvW8qg8+PTFGPwnFTSoJhOFBCAqEpT3NLDjZqVDT//wC2AAAENAdJAiYAJwAAAQcAnQAGAVwACbEBAbgBXLAzKwD//wCH/+wERQYIAiYARwAAAQYAnQcbAAixAgGwG7AzK///AGT/6wRcB10CJgApAAABBwCcAJEBcAAJsQEBuAFwsDMrAP//AIz+VgQdBgYCJgBJAAABBgCcbRkACLECAbAZsDMr//8AZP/rBFwHXwImACkAAAEHAJ4AGQGtAAmxAQG4Aa2wMysA//8AjP5WBB0GCAImAEkAAAEGAJ72VgAIsQIBsFawMyv//wBk/+sEXAcuAiYAKQAAAQcAnwAZAXAACbEBAbgBcLAzKwD//wCM/lYEHQXXAiYASQAAAQYAn/YZAAixAgGwGbAzK///AGT+JQRcBcQCJgApAAABBwGRALH+zwAJsQEBuP7PsDMrAP//AIz+VgQdBpMCJgBJAAABBgGbB1gACLECAbBYsDMr//8AjQAABD8HSAImACoAAAEHAJwAcQFbAAmxAQG4AVuwMysA//8ArgAABCwHbwImAEoAAAEHAJwAJAGCAAmxAQG4AYKwMysA//8ArgAABB4HUgImACsAAAEHAKIAVQFhAAmxAQG4AWGwMysA//8AywAABFUF+wImAIoAAAEHAKIAuAAKAAixAQGwCrAzK///AK4AAAQeBvoCJgArAAABBwBu/9YBSgAJsQEBuAFKsDMrAP//AMsAAARVBaQCJgCKAAABBgBuOPQACbEBAbj/9LAzKwD//wCuAAAEHgdKAiYAKwAAAQcAnv/SAZgACbEBAbgBmLAzKwD//wDLAAAEVQXzAiYAigAAAQYAnjRBAAixAQGwQbAzKwABAK7+TwQeBbAAIQA7QDgQAQQDEQEFBAJKCAEBAQBZAAAAPEsHAQICA1kGAQMDPUsABAQFWwAFBUkFTBERFyUlEREREAkIHSsTIRUhESEVIQYGFRQWMxY2NxcGBiMiLgI1NDY3ITUhESGuA3D+owFd/txOXiQqIDUQHxxVQSlGNB5QSP5pAVX+qwWwofuRoCpvQiIpARMIeRAcGDBHLz9/NaAEbwAAAgDL/k8EVQXDAB8AKwBGQEMOAQMCDwEEAwJKAAkJCFsACAhESwAHBwBZAAAAP0sGAQEBAlkFAQICPUsAAwMEWwAEBEkETCooIxERFyUlEREQCggdKxMhESEVIQYGFRQWMxY2NxcGBiMiLgI1NDY3ITUhESEBNDYzMhYVFAYjIibLAikBYf6fTl4kKiA1EB8cVUEpRjQeUEj+jAFw/pABWDc4Nzg4Nzg3BDr8ZqAqb0IiKQETCHkQHBgwRy8/fzWgAvkBvS4/Py4tPDz//wCuAAAEHgcZAiYAKwAAAQcAn//SAVsACbEBAbgBW7AzKwD//wBi/+wE3wc7AiYALAAAAQcAnAHBAU4ACbEBAbgBTrAzKwD//wCw/ksD9QXoAiYAmgAAAQcAnADX//sACbEBAbj/+7AzKwD//wCs/j4EpAWwAiYALQAAAQcBkQC2/ugACbEBAbj+6LAzKwD//wCw/kAEagYAAiYATQAAAQcBkQBi/uoACbEBAbj+6rAzKwD//wDGAAAERwcAAiYALgAAAQcAc/82ATcACbEBAbgBN7AzKwD//wDLAAAEVQdmAiYATgAAAQcAcwCiAZ0ACbEBAbgBnbAzKwD//wDG/jgERwWwAiYALgAAAQcBkQC3/uIACbEBAbj+4rAzKwD//wDL/jkEVQYAAiYATgAAAQcBkQDS/uMACbEBAbj+47AzKwD//wDGAAAERwWwAiYALgAAAQcBaADy/5oACbEBAbj/mrAzKwD//wDLAAAE4QYEACYATgAAAQcBaAIB/+4ACbEBAbj/7rAzKwD//wDGAAAERwWwAiYALgAAAQcAnwB0/cUACbEBAbj9xbAzKwD//wDLAAAEWAYAACYATgAAAQcAnwGA/ecACbEBAbj957AzKwD//wCPAAAEPgcgAiYAMAAAAQcAcwBeAVcACbEBAbgBV7AzKwD//wCuAAAEKQXeAiYAUAAAAQYAc20VAAixAQGwFbAzK///AI/+OAQ+BbACJgAwAAABBwGRAIT+4gAJsQEBuP7isDMrAP//AK7+OAQpBE4CJgBQAAABBwGRAJP+4gAJsQEBuP7isDMrAP//AI8AAAQ+B0kCJgAwAAABBwCd/+oBXAAJsQEBuAFcsDMrAP//AK4AAAQpBgcCJgBQAAABBgCd+RoACLEBAbAasDMr////ugAABCkGFgImAFAAAAAHAWj97QAA//8Aav/sBGEHDwImADEAAAEHAG4AFwFfAAmxAgG4AV+wMysA//8Aev/sBFIFuAImAFEAAAEGAG4ECAAIsQIBsAiwMyv//wBq/+wEYQdfAiYAMQAAAQcAngATAa0ACbECAbgBrbAzKwD//wB6/+wEUgYIAiYAUQAAAQYAngBWAAixAgGwVrAzK///AGr/7ARvB18CJgAxAAABBwCjAJkBcAAJsQICuAFwsDMrAP//AHr/7ARcBggCJgBRAAABBwCjAIYAGQAIsQICsBmwMyv//wC1AAAEcgcUAiYANAAAAQcAcwB4AUsACbECAbgBS7AzKwD//wFJAAAEMQXeAiYAVAAAAQYAc1gVAAixAQGwFbAzK///ALX+OARyBbACJgA0AAABBwGRAJz+4gAJsQIBuP7isDMrAP//ARD+OAQxBE4CJgBUAAABBwGR/+L+4gAJsQEBuP7isDMrAP//ALUAAARyBz0CJgA0AAABBwCdAAMBUAAJsQIBuAFQsDMrAP//ARQAAAQxBgcCJgBUAAABBgCd5BoACLEBAbAasDMr//8Adv/sBGkHNQImADUAAAEHAHMAggFsAAmxAQG4AWywMysA//8Ar//sBDYF3gImAFUAAAEHAHMAhAAVAAixAQGwFbAzK///AHb/7ARpB10CJgA1AAABBwCcAIQBcAAJsQEBuAFwsDMrAP//AK//7AQ2BgYCJgBVAAABBwCcAIYAGQAIsQEBsBmwMyv//wB2/kQEaQXEAiYANQAAAQYAd1H3AAmxAQG4//ewMysA//8Ar/5FBDYETgImAFUAAAEGAHdE+AAJsQEBuP/4sDMrAP//AHb+JARpBcQCJgA1AAABBwGRALX+zgAJsQEBuP7OsDMrAP//AK/+JQQ2BE4CJgBVAAABBwGRAKj+zwAJsQEBuP7PsDMrAP//AHb/7ARpB14CJgA1AAABBwCdAA0BcQAJsQEBuAFxsDMrAP//AK//7AQ2BgcCJgBVAAABBgCdDxoACLEBAbAasDMr//8ATP4uBIQFsAImADYAAAEHAZEAo/7YAAmxAQG4/tiwMysA//8Ajv4uBCkFQAImAFYAAAEHAZEBBf7YAAmxAQG4/tiwMysA//8ATP5NBIQFsAImADYAAAAGAHc/AP//AF3+TwRpBI0CJgGuAAABBgB3MAIACLEBAbACsDMr//8Ajv5NBCkFQAImAFYAAAAHAHcAoQAA//8ATAAABIQHPQImADYAAAEHAJ0ADQFQAAmxAQG4AVCwMysA//8Ajv/sBHwGswAmAFYAAAEHAWgBnACdAAixAQGwnbAzK///AIv/7ARCB0YCJgA3AAABBwCiALEBVQAJsQEBuAFVsDMrAP//ALT/7AQfBfwCJgBXAAABBwCiAIMACwAIsQEBsAuwMyv//wCL/+wEQgbuAiYANwAAAQcAbgAxAT4ACbEBAbgBPrAzKwD//wC0/+wEHwWlAiYAVwAAAQYAbgP1AAmxAQG4//WwMysA//8Ai//sBEIHPgImADcAAAEHAJ4ALQGMAAmxAQG4AYywMysA//8AtP/sBB8F9AImAFcAAAEGAJ4AQgAIsQEBsEKwMyv//wCL/+wEQgd/AiYANwAAAQcAoAAsAZgACbEBArgBmLAzKwD//wC0/+wEHwY1AiYAVwAAAQYAoP9OAAixAQKwTrAzK///AIv/7ASJBz4CJgA3AAABBwCjALMBTwAJsQECuAFPsDMrAP//ALT/7ARbBfQCJgBXAAABBwCjAIUABQAIsQECsAWwMysAAQCL/n4EQgWwAC4AXUAKDwEAAhABAQACSkuwI1BYQBwGBQIDAzxLAAQEAlsAAgJFSwAAAAFbAAEBQQFMG0AZAAAAAQABXwYFAgMDPEsABAQCWwACAkUCTFlADgAAAC4ALiUVFyUrBwgZKwETDgMHBgYVFBYzFjY3FwYGIyIuAjU0NjcuAycTMxMeAzMyPgI3EwRAAgEnRmQ9PkgkKiA1EB8cVUEpRjQeKCZoqXlEAQKwBAEnSW1HR2xJJgIDBbD8JkqIdFodKGM6IikBEwh5EBwYMEcvLVoqAk6EsGUD2vwmQXhcODddeEED2gABALT+TwREBDoALAA6QDcpFgIEAywBAgQJAQACCgEBAARKBQEDAz9LAAQEAlsAAgJFSwAAAAFcAAEBSQFMEyUVKiUlBggaKyEGBhUUFjMWNjcXBgYjIi4CNTQ2NycGBiMiLgI1ETMRFB4CMzI2NxEzEQQeTl4kKiA1EB8cVUEpRjQeV04KNqJqVYpiNbkcOFE1cYsiuipvQiIpARMIeRAcGDBHL0KENoxQWTVwrXkCg/17WHRFHFxOAwj7xgD//wBJAAAEngdIAiYAOQAAAQcAnAB/AVsACbEBAbgBW7AzKwD//wAwAAAEpwXyAiYAWQAAAQYAnH4FAAixAQGwBbAzK///AD0AAAR5B0cCJgA7AAABBwCcAHMBWgAJsQEBuAFasDMrAP//AET+SwSFBfICJgBbAAABBwCcAIsABQAIsQEBsAWwMyv//wA9AAAEeQcfAiYAOwAAAQcAaP/8AVoACbEBArgBWrAzKwD//wByAAAENwcUAiYAPAAAAQcAcwCdAUsACbEBAbgBS7AzKwD//wCgAAAEPQXKAiYAXAAAAQcAcwCaAAEACLEBAbABsDMr//8AcgAABDcHDQImADwAAAEHAJ8AJwFPAAmxAQG4AU+wMysA//8AoAAABD0FwwImAFwAAAEGAJ8kBQAIsQEBsAWwMyv//wByAAAENwc9AiYAPAAAAQcAnQAoAVAACbEBAbgBULAzKwD//wCgAAAEPQXzAiYAXAAAAQYAnSUGAAixAQGwBrAzK///ACAAAASrByACJgB/AAABBwBzANcBVwAJsQIBuAFXsDMrAP//ACv/7ASpBd8CJgCEAAABBwBzAJgAFgAIsQMBsBawMyv//wBH/6MEjAdeAiYAgQAAAQcAcwB7AZUACbEDAbgBlbAzKwD//wB6/3kEUgXdAiYAhwAAAQYAc1AUAAixAwGwFLAzK////+cAAARTBI0CJgGfAAABBwG9/rL/eAAJsQIBuP94sDMrAP///+cAAARTBI0CJgGfAAABBwG9/rL/eAAJsQIBuP94sDMrAP//AF0AAARpBI0CJgGuAAABBgG98+AACbEBAbj/4LAzKwD//wA2AAAEjgX/AiYBnAAAAQYAQos2AAixAgGwNrAzK///ADYAAASOBfwCJgGcAAABBgBzdzMACLECAbAzsDMr//8ANgAABI4GJAImAZwAAAEGAJx5NwAIsQIBsDewMyv//wA2AAAEjgYuAiYBnAAAAQcAogCFAD0ACLECAbA9sDMr//8ANgAABI4F/AImAZwAAAEGAGgBNwAIsQICsDewMyv//wA2AAAEjgZnAiYBnAAAAQcAoAAAAIAACLECArCAsDMr//8ANgAABI4G9AImAZwAAAEHAb7/7gCCAAixAgOwgrAzK///AG7+SgQ2BJ0CJgGeAAABBgB3Kv0ACbEBAbj//bAzKwD//wDIAAAEIwX/AiYBoAAAAQcAQv9tADYACLEBAbA2sDMr//8AyAAABCMF/AImAaAAAAEGAHNZMwAIsQEBsDOwMyv//wDIAAAEIwYkAiYBoAAAAQYAnFs3AAixAQGwN7AzK///AMgAAAQjBfwCJgGgAAABBgBo5DcACLEBArA3sDMr//8A2QAABBAF4wImAaQAAAEGAEKmGgAIsQEBsBqwMyv//wDZAAAEEAXgAiYBpAAAAQcAcwCSABcACLEBAbAXsDMr//8A2QAABBAGCAImAaQAAAEHAJwAlAAbAAixAQGwG7AzK///ANkAAAQQBeACJgGkAAABBgBoHBsACLEBArAbsDMr//8AwgAABBYGLgImAakAAAEHAKIA3AA9AAixAQGwPbAzK///AIL/8ARKBf8CJgGqAAABBgBCrTYACLECAbA2sDMr//8Agv/wBEoF/AImAaoAAAEHAHMAmQAzAAixAgGwM7AzK///AIL/8ARKBiQCJgGqAAABBwCcAJsANwAIsQIBsDewMyv//wCC//AESgYuAiYBqgAAAQcAogCnAD0ACLECAbA9sDMr//8Agv/wBEoF/AImAaoAAAEGAGgjNwAIsQICsDewMyv//wC1//AEKwX/AiYBrwAAAQYAQqk2AAixAQGwNrAzK///ALX/8AQrBfwCJgGvAAABBwBzAJUAMwAIsQEBsDOwMyv//wC1//AEKwYkAiYBrwAAAQcAnACXADcACLEBAbA3sDMr//8Atf/wBCsF/AImAa8AAAEGAGgfNwAIsQECsDewMyv//wBNAAAEgQX8AiYBswAAAQYAc2IzAAixAQGwM7AzK///ADYAAASOBdYCJgGcAAABBgBuBSYACLECAbAmsDMr//8ANgAABI4GJgImAZwAAAEGAJ4BdAAIsQIBsHSwMysAAgA2/k8EkQSNABwAHwBEQEEfAQYFFwEAAwsBAQAMAQIBBEoHAQUGBXIABgADAAYDYgQBAAA9SwABAQJbAAICSQJMAAAeHQAcABwRGCUlEQgIGSsBASMGBhUUFjMWNjcXBgYjIi4CNTQ2NwMhAyMBAyEDArgB1iNOXiQqIDUQHxxVQSlGNB5dUmf9+m68Ad13AY/HBI37cypvQiIpARMIeRAcGDBHL0WHNgEI/ukEjf0hAfv//wBu//AENgX8AiYBngAAAQYAc2gzAAixAQGwM7AzK///AG7/8AQ2BiQCJgGeAAABBgCcajcACLEBAbA3sDMr//8Abv/wBDYGJQImAZ4AAAEGAJ30OAAIsQEBsDiwMyv//wC3AAAEUwYlAiYBnwAAAQYAnbs4AAixAgGwOLAzK///AMgAAAQjBdYCJgGgAAABBgBu6CYACLEBAbAmsDMr//8AyAAABCMGJgImAaAAAAEGAJ7kdAAIsQEBsHSwMyv//wDIAAAEIwX1AiYBoAAAAQYAn+Q3AAixAQGwN7AzKwABAMj+TwQjBI0AIQA/QDwOAQMCDwEEAwJKAAYABwgGB2EACAAAAQgAYQABAQJZBQECAj1LAAMDBFsABARJBEwREREXJSURERAJCB0rASERIRUjBgYVFBYzFjY3FwYGIyIuAjU0NjchESEVIREhA8X9wAKeh05eJCogNRAfHFVBKUY0HlBI/eEDVf1oAkACDv6JlypvQiIpARMIeRAcGDBHLz9/NQSNmf6y//8AyAAABCMGJQImAaAAAAEGAJ3lOAAIsQEBsDiwMyv//wB8//AEQQYkAiYBogAAAQYAnHQ3AAixAQGwN7AzK///AHz/8ARBBiYCJgGiAAABBgCe/XQACLEBAbB0sDMr//8AfP4rBEEEnQImAaIAAAEHAZEAnf7VAAmxAQG4/tWwMysA//8AmwAAA/kGJAImAaMAAAEHAJwAngA3AAixAQGwN7AzK///ANkAAAQQBhICJgGkAAABBwCiAKAAIQAIsQEBsCGwMyv//wDZAAAEEAW6AiYBpAAAAQYAbiAKAAixAQGwCrAzK///ANkAAAQQBgoCJgGkAAABBgCeHFgACLEBAbBYsDMrAAEA2f5PBBAEjAAhADlANhABBAMRAQUEAkoAAAgBAQIAAWEHAQICA1kGAQMDPUsABAQFWwAFBUkFTBERFyUlEREREAkIHSsTIRUhESEVIQYGFRQWMxY2NxcGBiMiLgI1NDY3ITUhESHZAzf+vQFD/upOXiQqIDUQHxxVQSlGNB5QSP6UATv+xQSMofy1oCpvQiIpARMIeRAcGDBHLz9/NaADSwD//wDZAAAEEAXZAiYBpAAAAQYAnxwbAAixAQGwG7AzK///AJb/8AR3BiQCJgGlAAABBwCcAVkANwAIsQEBsDewMyv//wC0/jQEgASNAiYBpgAAAQcBkQBr/t4ACbEBAbj+3rAzKwD//wC2AAAEUgX8AiYBpwAAAQcAc/8cADMACLEBAbAzsDMr//8A0f42BFIEjQImAacAAAEHAZEAaP7gAAmxAQG4/uCwMysA//8A0QAABFIEjQImAacAAAEHAWgAlP53AAmxAQG4/newMysA//8A0QAABFIEjQImAacAAAEHAJ8AGf03AAmxAQG4/TewMysA//8AwgAABA8F/AImAakAAAEHAHMAzgAzAAixAQGwM7AzK///AML+MgQPBI0CJgGpAAABBwGRAO/+3AAJsQEBuP7csDMrAP//AMIAAAQPBiUCJgGpAAABBgCdWTgACLEBAbA4sDMr//8Agv/wBEoF1gImAaoAAAEGAG4nJgAIsQIBsCawMyv//wCC//AESgYmAiYBqgAAAQYAniN0AAixAgGwdLAzK///AIL/8AR/BiYCJgGqAAABBwCjAKkANwAIsQICsDewMyv//wCQAAAELAX8AiYBrAAAAQYAcx4zAAixAgGwM7AzK///AJD+NgQsBI0CJgGsAAABBwGRAEX+4AAJsQIBuP7gsDMrAP//AJAAAAQsBiUCJgGsAAABBgCdqjgACLECAbA4sDMr//8Aiv/wBDkF/AImAa0AAAEGAHNxMwAIsQEBsDOwMyv//wCK//AEOQYkAiYBrQAAAQYAnHM3AAixAQGwN7AzK///AIr+TQQ5BJ0CJgGtAAAABgB3PQD//wCK//AEOQYlAiYBrQAAAQYAnf04AAixAQGwOLAzK///AF0AAARpBiUCJgGuAAABBgCd+TgACLEBAbA4sDMr//8Atf/wBCsGLgImAa8AAAEHAKIAowA9AAixAQGwPbAzK///ALX/8AQrBdYCJgGvAAABBgBuIyYACLEBAbAmsDMr//8Atf/wBCsGJgImAa8AAAEGAJ4fdAAIsQEBsHSwMyv//wC1//AEKwZnAiYBrwAAAQcAoAAeAIAACLEBArCAsDMr//8Atf/wBHsGJgImAa8AAAEHAKMApQA3AAixAQKwN7AzKwABALX+jAQrBI0ALwBdQAoPAQACEAEBAAJKS7AXUFhAHAYFAgMEA3IABAQCWwACAkVLAAAAAVsAAQFBAUwbQBkGBQIDBANyAAAAAQABXwAEBAJbAAICRQJMWUAOAAAALwAvJRUnJSsHCBkrARMOAwcGBhUUFjMWNjcXBgYjIi4CNTQ2NyMiLgInEzMTHgMzMj4CNxMEKgEBIjxUMjg/JCogNRAfHFVBKUY0HiQhBFygd0YBAbUBASVDXzs7X0MlAQEEjfz0QG5aRhcmXjYiKQETCHkQHBgwRy8qVCg2ZpVgAwz89DtdQCIiQF07Awz//wAvAAAEuwYkAiYBsQAAAQcAnAEtADcACLEBAbA3sDMr//8ATQAABIEGJAImAbMAAAEGAJxkNwAIsQEBsDewMyv//wBNAAAEgQX8AiYBswAAAQYAaO03AAixAQKwN7AzK///ALkAAARCBfwCJgG0AAABBwBzAKAAMwAIsQEBsDOwMyv//wC5AAAEQgX1AiYBtAAAAQYAnyo3AAixAQGwN7AzK///ALkAAARCBiUCJgG0AAABBgCdKzgACLEBAbA4sDMr//8AUQAABJAGegImACMAAAAHAKv+wAAA//8ADwAABJgGegAmACdkAAAHAKv95gAA/////QAABKMGfAAmACpkAAEHAKv91AACAAixAQGwArAzK////+wAAASCBnwAJgArZAABBwCr/cMAAgAIsQEBsAKwMyv//wAJ/+wEdQZ6ACYAMRQAAAcAq/3gAAD///+yAAAE3QZ6ACYAO2QAAAcAq/2JAAD//wAFAAAEgAZ6ACYAtxQAAAcAq/3cAAD//wC4/+wEOgZ6AiYAwAAAAQYArOS7AAmxAQO4/7uwMysA//8AUQAABJAFsAIGACMAAP//AKwAAARgBbACBgAkAAD//wC2AAAENAWwAgYAJwAA//8AcgAABDcFsAIGADwAAP//AI0AAAQ/BbACBgAqAAD//wCuAAAEHgWwAgYAKwAA//8ArAAABKQFsAIGAC0AAP//AJQAAARMBbACBgAvAAD//wCPAAAEPgWwAgYAMAAA//8Aav/sBGEFxAIGADEAAP//AL8AAAR5BbACBgAyAAD//wBMAAAEhAWwAgYANgAA//8APQAABHkFsAIGADsAAP//AFcAAASPBbACBgA6AAD//wCuAAAEHgcgAiYAKwAAAQcAaP/SAVsACbEBArgBW7AzKwD//wA9AAAEeQcfAiYAOwAAAQcAaP/8AVoACbEBArgBWrAzKwD//wCB/+sEigZ+AiYAuAAAAQYAqw8EAAixAgGwBLAzK///AIv/7ARgBn0CJgC8AAABBgCrFAMACLEBAbADsDMr//8ApP5hBCsGfgImAL4AAAEGAKscBAAIsQEBsASwMyv//wC4/+wEOgZqAiYAwAAAAQYAqw7wAAmxAQG4//CwMysA//8Anv/sBD8GegImAMgAAAEGAKzAuwAJsQEDuP+7sDMrAP//ALoAAARyBDoCBgCNAAD//wB6/+wEUgROAgYAUQAA//8AvP5gBBAEOgIGAHQAAP//AGIAAARlBDoCBgBYAAD//wBuAAAEcgQ6AgYAWgAA//8AuP/sBDoFyQImAMAAAAEGAGgFBAAIsQECsASwMyv//wCe/+wEPwXJAiYAyAAAAQYAaOIEAAixAQKwBLAzK///AHr/7ARSBn4CJgBRAAABBgCrCQQACLECAbAEsDMr//8Anv/sBD8GagImAMgAAAEGAKvr8AAJsQEBuP/wsDMrAP//AE//7ASJBmoCJgDLAAABBgCrFfAACbEBAbj/8LAzKwD//wC2AAAENAcgAiYAJwAAAQcAaAAFAVsACbEBArgBW7AzKwD//wC1AAAEMAcgAiYArgAAAQcAcwCAAVcACbEBAbgBV7AzKwAAAQB2/+wEaQXEAD8AM0AwAAECBAIBBHAABAUCBAVuAAICAFsAAAAdSwAFBQNbAAMDHgNMPDo2NTEvJBQuBgYXKwE0LgInLgM1ND4CMzIeAhcjLgMjIg4CFR4DFx4FFRQOAiMiLgInMx4DMzI+AgOoPWBzNU2fg1NThqpWX7CIUgK+CC5MaUI1ZU8vAT5fbzE2bmZYQiVXiq5XYbqTXAO9CThYc0Q2aVI0AXBDXD8qERlGZoteXpRmNT9yomQ/Z0opHjxYOj9XPCgPESs4RllrQWKSYTE8caNoRGlJJRs5V///AK4AAAQeBbACBgArAAD//wCuAAAEHgcgAiYAKwAAAQcAaP/SAVsACbEBArgBW7AzKwD//wBi/+wEFgWwAgYALAAA//8AqQAABLYFsAIGAcQAAP//AKwAAASkBw4CJgAtAAABBwBzAH4BRQAJsQEBuAFFsDMrAP//ACv/6wS1B0oCJgDbAAABBwCeACEBmAAJsQEBuAGYsDMrAP//AFEAAASQBbACBgAjAAD//wCsAAAEYAWwAgYAJAAA//8AtQAABDAFsAIGAK4AAP//ALYAAAQ0BbACBgAnAAD//wCiAAAEKgc+AiYA2QAAAQcAnv/5AYwACbEBAbgBjLAzKwD//wCUAAAETAWwAgYALwAA//8AjQAABD8FsAIGACoAAP//AGr/7ARhBcQCBgAxAAD//wCiAAAEKgWwAgYAswAA//8AvwAABHkFsAIGADIAAP//AGv/7ARdBcQCBgAlAAD//wBMAAAEhAWwAgYANgAA//8ARQAABIcFsAIGALUAAP//AFcAAASPBbACBgA6AAD//wCc/+wENgROAgYAQwAA//8Ah//sBEUETgIGAEcAAP//AKUAAAQnBfMCJgDsAAABBgCe9EEACLEBAbBBsDMr//8Aev/sBFIETgIGAFEAAP//AK3+YAQ/BE4CBgBSAAAAAQCP/+wEMwROACsAO0A4AAQFAQUEAXAAAQAFAQBuAAUFA1sAAwMfSwYBAAACWwACAh4CTAEAIiAcGxcVDAoGBQArASsHBhQrJTI+AjczDgMjIi4CNTU0PgIzMh4CFSMuAyMiDgIVFRQeAgJ7Ml9KLQGvAUl6nlZ7uHs+Pnu4e2ChdUKvASlGYThWdUgfH0d1giA5TS1Ig2M7WJXDbCprxJVYPWmQUjFXQiZFb4pGKkeLb0X//wBE/ksEhQQ6AgYAWwAA//8AbgAABHIEOgIGAFoAAP//AIf/7ARFBd8CJgBHAAABBgBoBhoACLECArAasDMr//8AtwAABCoFyQImAOgAAAAGAHNzAP//AK//7AQ2BE4CBgBVAAD//wDLAAAEVQXDAgYASwAA//8AywAABFUFyQImAIoAAAEGAGg0BAAIsQECsASwMyv//wDT/ksDWAXDAgYATAAA//8ApAAABJUFyQImAO0AAAAGAHMnAP//AET+SwSFBfQCJgBbAAABBgCeE0IACLEBAbBCsDMr//8ASQAABJ4HIwImADkAAAEHAEL/kQFaAAmxAQG4AVqwMysA//8AMAAABKcFzQImAFkAAAEGAEKQBAAIsQEBsASwMyv//wBJAAAEngcgAiYAOQAAAQcAcwB9AVcACbEBAbgBV7AzKwD//wAwAAAEpwXKAiYAWQAAAQYAc3wBAAixAQGwAbAzK///AEkAAASeByACJgA5AAABBwBoAAcBWwAJsQECuAFbsDMrAP//ADAAAASnBcoCJgBZAAABBgBoBgUACLEBArAFsDMr//8APQAABHkHIgImADsAAAEHAEL/hQFZAAmxAQG4AVmwMysA//8ARP5LBIUFzQImAFsAAAEGAEKdBAAIsQEBsASwMyv//wHuBCECjQYAAgYACQAA//8BYgQhA18GAAIGAAQAAP//Aeb/9QeZBbAAJgPwAAAABwPwBM0AAP//ALD+SwP7BekCJgCaAAABBgCdYPwACbEBAbj//LAzKwD//wHNBAcC4AYWAgYBaAAA//8AlAAABEwHIAImAC8AAAEHAHMAdQFXAAmxAQG4AVewMysA//8AXQAABHIF3gImAE8AAAEHAHMAnAAVAAixAQGwFbAzK///AFH+hgSQBbACJgAjAAAABgCkJQD//wCc/oYENgROAiYAQwAAAAYApOoA////if/sBGEGVgImADEAAAEHAb/9lACSAAixAgKwkrAzK///ALYAAAQ0ByMCJgAnAAABBwBC/48BWgAJsQEBuAFasDMrAP//AKIAAAQqBxcCJgDZAAABBwBC/4IBTgAJsQEBuAFOsDMrAP//AIf/7ARFBeICJgBHAAABBgBCkBkACLECAbAZsDMr//8ApQAABCcFzAImAOwAAAEHAEL/fQADAAixAQGwA7AzK///AGUAAARyBbACBgC2AAD//wBh/igEgAQ6AgYAygAA//8AGgAABOEHQgImARUAAAEHAKkEWQFUAAmxAQK4AVSwMysA//8ANQAABGAGGgImARYAAAEHAKkEMAAsAAixAQKwLLAzK///AFn+LwRwBcQCJgDYAAABBgHB8ZYACbEBAbj/lrAzKwD//wCH/jkESgRNAiYA6wAAAQYBwQigAAmxAQG4/6CwMysA//8Aa/45BF0FxAImACUAAAEGAcH/oAAJsQEBuP+gsDMrAP//AI/+OQQzBE4CJgBFAAABBgHBE6AACbEBAbj/oLAzKwD//wA9AAAEeQWwAgYAOwAA//8AR/5gBJYEOgIGALoAAP//AK4AAAQeBbACBgArAAD//wAdAAAErgdKAiYA1wAAAQcAngANAZgACbEBAbgBmLAzKwD//wARAAAErAXzAiYA6gAAAQYAnvRBAAixAQGwQbAzK///AK4AAAQeBbACBgArAAD//wBRAAAEkAdKAiYAIwAAAQcAngAPAZgACbECAbgBmLAzKwD//wCc/+wENgYIAiYAQwAAAQYAngtWAAixAgGwVrAzK///AFEAAASQByACJgAjAAABBwBoAA8BWwAJsQICuAFbsDMrAP//AJz/7AQ2Bd4CJgBDAAABBgBoCxkACLECArAZsDMr//8AIAAABKsFsAIGAH8AAP//ACv/7ASpBE4CBgCEAAD//wC2AAAENAdKAiYAJwAAAQcAngAFAZgACbEBAbgBmLAzKwD//wCH/+wERQYJAiYARwAAAQYAngZXAAixAgGwV7AzK///AFr/6wRXBvICJgFDAAABBwBo//sBLQAJsQICuAEtsDMrAP//ALH/7ARfBE8CBgCbAAD//wCx/+wEXwXfAiYAmwAAAQYAaCgaAAixAgKwGrAzK///AB0AAASuByACJgDXAAABBwBoAA0BWwAJsQECuAFbsDMrAP//ABEAAASsBckCJgDqAAABBgBo9AQACLEBArAEsDMr//8AWf/rBHAHNQImANgAAAEHAGj//AFwAAmxAQK4AXCwMysA//8Ah//tBEoF3QImAOsAAAEGAGgKGAAIsQECsBiwMyv//wCiAAAEKgbuAiYA2QAAAQcAbv/9AT4ACbEBAbgBPrAzKwD//wClAAAEJwWkAiYA7AAAAQYAbvj0AAmxAQG4//SwMysA//8AogAABCoHFAImANkAAAEHAGj/+QFPAAmxAQK4AU+wMysA//8ApQAABCcFyQImAOwAAAEGAGj0BAAIsQECsASwMyv//wBq/+wEYQc1AiYAMQAAAQcAaAATAXAACbECArgBcLAzKwD//wB6/+wEUgXeAiYAUQAAAQYAaAAZAAixAgKwGbAzK///AGP/7ARaBcQCBgETAAD//wBd/+wENQROAgYBFAAA//8AY//sBFoHGwImARMAAAEHAGgAFAFWAAmxAwK4AVawMysA//8AXf/sBDUF+gImARQAAAEGAGjQNQAIsQMCsDWwMyv//wBy/+wEUwc2AiYA4wAAAQcAaP/xAXEACbEBArgBcbAzKwD//wCB/+wEOgXeAiYA+wAAAQYAaO0ZAAixAQKwGbAzK///ACv/6wS1BvoCJgDbAAABBwBuACUBSgAJsQEBuAFKsDMrAP//AET+SwSFBaUCJgBbAAABBgBuF/UACbEBAbj/9bAzKwD//wAr/+sEtQcgAiYA2wAAAQcAaAAhAVsACbEBArgBW7AzKwD//wBE/ksEhQXKAiYAWwAAAQYAaBMFAAixAQKwBbAzK///ACv/6wS1B0oCJgDbAAABBwCjAKcBWwAJsQECuAFbsDMrAP//AET+SwSFBfQCJgBbAAABBwCjAJkABQAIsQECsAWwMyv//wCrAAAEJwcgAiYA3QAAAQcAaP+zAVsACbEBArgBW7AzKwD//wCNAAAEJwXJAiYA9QAAAQYAaBsEAAixAQKwBLAzK///AJAAAARLByACJgDhAAABBwBo/+EBWwAJsQMCuAFbsDMrAP//AJAAAAQ/BckCJgD5AAABBgBoQwQACLEDArAEsDMr//8AV/5LBRYFsAImADoAAAAHAcICBAAA//8Abv5LBKUEOgImAFoAAAAHAcIBkwAA//8Ai//sBBwGAAIGAEYAAP//AC/+SwTjBbACJgDaAAAABwHCAdEAAP//ADf+SwTeBDoCJgDuAAAABwHCAcwAAP//AFH+qASQBbACJgAjAAAABwCqBN8AAP//AJz+qAQ2BE4CJgBDAAAABwCqBKMAAP//AFEAAASQB8YCJgAjAAABBwCoBMgBUgAJsQIBuAFSsDMrAP//AJz/7AQ2BoQCJgBDAAABBwCoBMQAEAAIsQIBsBCwMyv//wBRAAAE6QfuAiYAIwAAAQcBmf/1AVkACbECArgBWbAzKwD//wCc/+wE5QasAiYAQwAAAQYBmfEXAAixAgKwF7AzK/////wAAASQB90CJgAjAAABBwGY/+wBSAAJsQICuAFIsDMrAP////j/7AQ2BpsCJgBDAAABBgGY6AYACLECArAGsDMr//8AUQAABLsIBAImACMAAAEHAZcAAQE1AAmxAgK4ATWwMysA//8AnP/sBLgGwwImAEMAAAEGAZf+9AAJsQICuP/0sDMrAP//AFEAAASQCC8CJgAjAAABBwGW//MBNgAJsQICuAE2sDMrAP//AJz/7AQ2Bu4CJgBDAAABBgGW7/UACbECArj/9bAzKwD//wBR/qgEkAdIAiYAIwAAACcAnACHAVsBBwCqBN8AAAAJsQIBuAFbsDMrAP//AJz+qAQ2BgYCJgBDAAAAJwCcAIMAGQEHAKoEowAAAAixAgGwGbAzK///AFEAAASQB94CJgAjAAABBwG3AAABVAAJsQICuAFUsDMrAP//AJz/7AQ2BpwCJgBDAAABBgG3/BIACLECArASsDMr//8AUQAABJAIIQImACMAAAEHAZoAAwF6AAmxAgK4AXqwMysA//8AnP/sBDYG3wImAEMAAAEGAZoAOAAIsQICsDiwMyv//wBRAAAEkAhMAiYAIwAAAQcBtf/0AUkACbECArgBSbAzKwD//wCc/+wENgcKAiYAQwAAAQYBtfAHAAixAgKwB7AzK///AFEAAASQCCECJgAjAAABBwHA/9QBUQAJsQICuAFRsDMrAP//AJz/7AQ2Bt8CJgBDAAABBgHA0A8ACLECArAPsDMr//8AUf6oBJAHSgImACMAAAAnAJ4ADwGYAQcAqgTfAAAACbECAbgBmLAzKwD//wCc/qgENgYIAiYAQwAAACYAngtWAQcAqgSjAAAACLECAbBWsDMr//8Atv6yBDQFsAImACcAAAEHAKoE0gAKAAixAQGwCrAzK///AIf+qARFBE4CJgBHAAAABwCqBOMAAP//ALYAAAQ0B8YCJgAnAAABBwCoBL4BUgAJsQEBuAFSsDMrAP//AIf/7ARFBoUCJgBHAAABBwCoBL8AEQAIsQIBsBGwMyv//wC2AAAENAdSAiYAJwAAAQcAogCJAWEACbEBAbgBYbAzKwD//wCH/+wERQYRAiYARwAAAQcAogCKACAACLECAbAgsDMr//8AtgAABN8H7gImACcAAAEHAZn/6wFZAAmxAQK4AVmwMysA//8Ah//sBOAGrQImAEcAAAEGAZnsGAAIsQICsBiwMyv////yAAAENAfdAiYAJwAAAQcBmP/iAUgACbEBArgBSLAzKwD////z/+wERQacAiYARwAAAQYBmOMHAAixAgKwB7AzK///ALYAAASyCAQCJgAnAAABBwGX//gBNQAJsQECuAE1sDMrAP//AIf/7ASzBsQCJgBHAAABBgGX+fUACbECArj/9bAzKwD//wC2AAAENAgvAiYAJwAAAQcBlv/pATYACbEBArgBNrAzKwD//wCH/+wERQbvAiYARwAAAQYBlur2AAmxAgK4//awMysA//8Atv6yBDQHSAImACcAAAAnAJwAfQFbAQcAqgTSAAoAEbEBAbgBW7AzK7ECAbAKsDMrAP//AIf+qARFBgcCJgBHAAAAJgCcfhoBBwCqBOMAAAAIsQIBsBqwMyv//wCuAAAEHgfGAiYAKwAAAQcAqASKAVIACbEBAbgBUrAzKwD//wDLAAAEVQZwAiYAigAAAQcAqATt//wACbEBAbj//LAzKwD//wCu/rIEHgWwAiYAKwAAAQcAqgSeAAoACLEBAbAKsDMr//8Ay/6yBFUFwwImAEsAAAEHAKoFBgAKAAixAgGwCrAzK///AGr+oARhBcQCJgAxAAABBwCqBN//+AAJsQIBuP/4sDMrAP//AHr+nwRSBE4CJgBRAAABBwCqBM3/9wAJsQIBuP/3sDMrAP//AGr/7ARhB9sCJgAxAAABBwCoBMwBZwAJsQIBuAFnsDMrAP//AHr/7ARSBoQCJgBRAAABBwCoBLkAEAAIsQIBsBCwMyv//wBq/+wE7QgDAiYAMQAAAQcBmf/5AW4ACbECArgBbrAzKwD//wB6/+wE2gasAiYAUQAAAQYBmeYXAAixAgKwF7AzK///AAD/7ARhB/ICJgAxAAABBwGY//ABXQAJsQICuAFdsDMrAP///+3/7ARSBpsCJgBRAAABBgGY3QYACLECArAGsDMr//8Aav/sBL8IGQImADEAAAEHAZcABQFKAAmxAgK4AUqwMysA//8Aev/sBK0GwwImAFEAAAEGAZfz9AAJsQICuP/0sDMrAP//AGr/7ARhCEQCJgAxAAABBwGW//cBSwAJsQICuAFLsDMrAP//AHr/7ARSBu4CJgBRAAABBgGW5PUACbECArj/9bAzKwD//wBq/qAEYQddAiYAMQAAACcAnACLAXABBwCqBN//+AASsQIBuAFwsDMrsQMBuP/4sDMr//8Aev6fBFIGBgImAFEAAAAmAJx4GQEHAKoEzf/3ABGxAgGwGbAzK7EDAbj/97AzKwD//wBj/+wExgcgAiYAlgAAAQcAcwCEAVcACbECAbgBV7AzKwD//wB3/+wErgXeAiYAlwAAAQYAc3wVAAixAgGwFbAzK///AGP/7ATGByMCJgCWAAABBwBC/5gBWgAJsQIBuAFasDMrAP//AHf/7ASuBeECJgCXAAABBgBCkBgACLECAbAYsDMr//8AY//sBMYHxgImAJYAAAEHAKgExwFSAAmxAgG4AVKwMysA//8Ad//sBK4GhAImAJcAAAEHAKgEvwAQAAixAgGwELAzK///AGP/7ATGB1ICJgCWAAABBwCiAJIBYQAJsQIBuAFhsDMrAP//AHf/7ASuBhACJgCXAAABBwCiAIoAHwAIsQIBsB+wMyv//wBj/qgExgX6AiYAlgAAAAcAqgTTAAD//wB3/p8ErgSqAiYAlwAAAQcAqgTL//cACbECAbj/97AzKwD//wCL/qgEQgWwAiYANwAAAAcAqgTIAAD//wC0/qgEHwQ6AiYAVwAAAAcAqgSRAAD//wCL/+wEQge6AiYANwAAAQcAqATmAUYACbEBAbgBRrAzKwD//wC0/+wEHwZxAiYAVwAAAQcAqAS4//0ACbEBAbj//bAzKwD//wCL/+wFgwcgAiYAmAAAAQcAcwB0AVcACbEBAbgBV7AzKwD//wC0/+wFPwXJAiYAmQAAAAYAc3YA//8Ai//sBYMHIwImAJgAAAEHAEL/iAFaAAmxAQG4AVqwMysA//8AtP/sBT8FzAImAJkAAAEGAEKKAwAIsQEBsAOwMyv//wCL/+wFgwfGAiYAmAAAAQcAqAS3AVIACbEBAbgBUrAzKwD//wC0/+wFPwZwAiYAmQAAAQcAqAS5//wACbEBAbj//LAzKwD//wCL/+wFgwdSAiYAmAAAAQcAogCCAWEACbEBAbgBYbAzKwD//wC0/+wFPwX7AiYAmQAAAQcAogCEAAoACLEBAbAKsDMr//8Ai/6gBYMF6AImAJgAAAEHAKoEzf/4AAmxAQG4//iwMysA//8AtP6oBT8EkwImAJkAAAAHAKoEkAAA//8APf6yBHkFsAImADsAAAEHAKoEwwAKAAixAQGwCrAzK///AET+CwSFBDoCJgBbAAABBwCqBaf/YwAJsQEBuP9jsDMrAP//AD0AAAR5B8UCJgA7AAABBwCoBLQBUQAJsQEBuAFRsDMrAP//AET+SwSFBnECJgBbAAABBwCoBMz//QAJsQEBuP/9sDMrAP//AD0AAAR5B1ECJgA7AAABBwCiAH8BYAAJsQEBuAFgsDMrAP//AET+SwSFBfwCJgBbAAABBwCiAJcACwAIsQEBsAuwMysAAgCL/+wE4QYAAB0AMQCtQA8VAQkDKSgCCAkEAQEIA0pLsBlQWEAlBwEFBAEAAwUAYQAGBj5LAAkJA1sAAwNHSwAICAFbAgEBAT0BTBtLsCFQWEApBwEFBAEAAwUAYQAGBj5LAAkJA1sAAwNHSwABAT1LAAgIAlsAAgJFAkwbQCkHAQUEAQADBQBhAAkJA1sAAwNHSwAGBgFZAAEBPUsACAgCWwACAkUCTFlZQA4tKyURERETKSMREAoIHSsBIxEjJwYGIyIuAjU1ND4CMzIWFxEjNTM1MxUzARQeAjMyPgI3ESYmIyIOAhUE4cWqCDaWZGKfcD49caBjYZE1//+5xfxjIkduTS9MPjASJHpbTm9HIgTS+y5yQkRUlMl0FXnLklJBPgEDl5eX/KhPjmw/Fik5IwH2QlVAbY9P//8Ai/7tBOEGAAAmAEYAAAAnAb0BLwJHAQYAQTCEABKxAgG4AkewMyuxAwG4/4SwMyv//wCp/qAE3wWwAiYBxAAAAQcBwQIgAAcACLEBAbAHsDMr//8ApP6ZBLoEOgImAO0AAAAHAcEB+wAA//8Ajf6ZBKgFsAImACoAAAAHAcEB6QAA//8Apf6ZBLAEOgImAPAAAAAHAcEB8QAA//8ATP6ZBIQFsAImADYAAAAHAcEAjAAA//8AaP6ZBHsEOgImAPIAAAAHAcEAlQAA//8AV/6ZBOcFsAImADoAAAAHAcECKAAA//8Abv6ZBHYEOgImAFoAAAAHAcEBtwAA//8Aq/6ZBLAFsAImAN0AAAAHAcEB8QAA//8Ajf6ZBLAEOgImAPUAAAAHAcEB8QAA//8Aq/6ZBCcFsAImAN0AAAAHAcEA3gAA//8Ajf6ZBCcEOgImAPUAAAAHAcEA3QAA//8Atf6ZBDAFsAImAK4AAAAHAcH/OgAA//8At/6ZBCoEOgImAOgAAAAHAcH/CwAA//8AHf6ZBPsFsAImANcAAAAHAcECPAAA//8AEf6ZBO8EOgImAOoAAAAHAcECMAAA//8AJv47BIkFwwImAT0AAAEHAcEAv/+iAAmxAgG4/6KwMysA//8AJv47BIUETgImAT4AAAEHAcEAm/+iAAmxAgG4/6KwMysA//8ArgAABCwGAAIGAEoAAAACABIAAARABDoAFgAjADdANAYBBAMBAAEEAGEAAQkBCAcBCGMABQUYSwAHBwJcAAICFwJMFxcXIxciIhEREREoIRAKBhwrASEVITIeAhUUDgIjIREjNTM1MxUhAREhMj4CNTQuAiMCj/7PAUthl2g3NmiYYf38k5O5ATH+zwFLOlQ2GRo2UzoDI4MxWHpJSH1bNAMjl4CA/k/+jh4yQiQjQzUhAAL/1AAABFEFsAAWACMAN0A0BgEEAwEAAQQAYQABCQEIBwEIYwAFBRZLAAcHAlwAAgIXAkwXFxcjFyIiERERESghEAoGHCsBIxUhMh4CFRQOAiMhESM1MzUzFTMDESEyPgI1NC4CIwJR8AEKdLV8QUF8tXT+PdTUufDwAQpOcUojI0pxTgRQ9zxvnGFgoHI/BFCXycn92/3VLk5nOThjSSsAAAL/1AAABFEFsAAWACMAN0A0BgEEAwEAAQQAYQABCQEIBwEIYwAFBRZLAAcHAlwAAgIXAkwXFxcjFyIiERERESghEAoGHCsBIxUhMh4CFRQOAiMhESM1MzUzFTMDESEyPgI1NC4CIwJR8AEKdLV8QUF8tXT+PdTUufDwAQpOcUojI0pxTgRQ9zxvnGFgoHI/BFCXycn92/3VLk5nOThjSSsAAAH//QAABDAFsAANACdAJAYBAwIBAAEDAGEABQUEWQAEBBZLAAEBFwFMEREREREREAcGGysBIREjESM1MxEhFSERIQJ6/vW6uLgDe/0/AQsCrP1UAqyXAm2Y/isAAf/7AAAEKgQ6AA0AJ0AkBgEDAgEAAQMAYQAFBQRZAAQEGEsAAQEXAUwREREREREQBwYbKwEhESMRIzUzESEVIREhAnj++bq8vANz/UcBBwHf/iEB35cBxJn+1QABAAkAAATKBbAAFAA2QDMSAQAHAUoFAQMGAQIHAwJhAAcAAAEHAGEIAQQEFksJAQEBFwFMFBMRERERERERERAKBh0rASMRIxEjNTM1MxUhFSERMwEzAQEjAiGrubS0uQEQ/vCcAbvU/hECGOMCk/1tBGmXsLCX/sEChv0//REAAAH/8wAABH4GAAAUADdANBIOAQMABgFKBAECBQEBBgIBYQADAwBZBwEAABdLAAYGGEsHAQAAFwBMEhMRERERERIIBhwrAQcRIxEjNTM1MxUzFSMRNwEzAQEjAgaIutHRuvLyeQFj4f5KAfnrAfmD/ooEwZeoqJf9k4IBZP49/Yn//wCi/ooE4wc+AiYA2QAAACcAnv/5AYwBBwAOAmD/2gASsQEBuAGMsDMrsQIBuP/asDMr//8Apf6KBOAF8wImAOwAAAAmAJ70QQEHAA4CXf/aABGxAQGwQbAzK7ECAbj/2rAzKwD//wCN/ooE2AWwAiYAKgAAAQcADgJV/9oACbEBAbj/2rAzKwD//wCl/ooE4AQ6AiYA8AAAAQcADgJd/9oACbEBAbj/2rAzKwD//wCU/ooFAgWwAiYALwAAAQcADgJ//9oACbEBAbj/2rAzKwD//wCJ/ooE5AQ6AiYA7wAAAQcADgJh/9oACbEBAbj/2rAzKwD//wAv/ooE5AWwAiYA2gAAAQcADgJh/9oACbEBAbj/2rAzKwD//wA3/ooE3wQ6AiYA7gAAAQcADgJc/9oACbEBAbj/2rAzKwAAAQA9AAAEeQWwAA4AKUAmCgEDBAFKBgEDAgEAAQMAYQUBBAQWSwABARcBTBESERERERAHBhsrASMDIwMjNTMBMwEBMwEzA5vnA6wD5J/+gNMBSwFM0v5/owIS/e4CEpcDB/0lAtv8+QABAEf+YASWBDoAEAArQCgLAQMEAUoFAQQEGEsGAQMDAFkCAQAAF0sAAQEaAUwRFBEREREQBwYbKwUjESMRIzUzATMBFzcBMwEzA7Hlut63/ly+AVQYGgFNvv5fvAv+awGVlwOu/PBhYQMQ/FIAAAEAVwAABI8FsAARAC9ALA0BBAUEAQEAAkoHAQQDAQABBABiBgEFBRZLAgEBARcBTBESEREREhEQCAYcKwEjASMBASMBIzUzATMBATMBMwOuqgGL2P6+/r3bAYyypf6M2QE2ATra/oydAp79YgJG/boCnpcCe/3FAjv9hQABAG4AAARyBDoAEQAvQCwNAQQFBAEBAAJKBwEEAwEAAQQAYgYBBQUYSwIBAQEXAUwREhERERIREAgGHCsBIwEjAQEjASM1MwEzAQEzATMDopwBbNb+1f7V2AFstaf+rdYBHgEh2f6tjgHh/h8BnP5kAeGXAcL+bwGR/j7//wCL/+wEYARNAgYAvAAA//8AEQAABD0FsAImACgAAAEHAb3+3P5/AAmxAQG4/n+wMysA//8ATgKLBI0DIgBHAYj/cwAAUzNAAAACAeb/9QLMBbAAAwAPAHpLsApQWEAVAAAAAVkAAQE8SwACAgNbAAMDPQNMG0uwDFBYQBUAAAABWQABATxLAAICA1sAAwNFA0wbS7AOUFhAFQAAAAFZAAEBPEsAAgIDWwADAz0DTBtAFQAAAAFZAAEBPEsAAgIDWwADA0UDTFlZWbYkIxEQBAgYKwEjETMDNDYzMhYVFAYjIiYCsrq6zDk5OTs7OTk5AdcD2fqxMEBAMC4+PgABAAAD8QCwABYAcAAFAAIAUABgAHcAAADdC5cAAwABAAAAAAAAAAAAAAA1AKcBHQG5AmMCigK6AuoDGgNFA2QDfgOoA78EEQQsBHoE8AUkBYEF8QYUBpoHDgcgBzMHTQdyB4sINgkLCToJpAoFCkgKdgqeCwYLLgtYC48LuwvXDA8MNQyVDNkNRA2ODf4OHw5bDnoOpw7WDvwPJw9LD2IPhg+qD8MQPhC1EUYRoBIjEoMSyBNoE7IT7xRBFIAUtRUlFXMVwBYtFqcW/hdpF7cX/xgkGFoYiRjMGPYZTRlkGboaChpFGq4bDRuSG9Yb/BydHM8dXx4AHhceRh7IHt8fKR9eH9ogWCDTISghUiF1IawhxyITIiAiPCJYInQi8CM1I1oj3iQoJKolWCXLJg8mgCbZJx0nQyeSKA8oOyhqKLQo/SloKhgqqCrdKzorvywfLHAszy0LLW4tkC2xLeMuAy5GLnwu0y70L0QvWi9wL3kvsi/TL/UwDzBNMFUwcjCXMQMxIjFRMXExpjH+Mj8ymDNLM940BzSFNP41UjWiNgc2QTdUN8k4KziFOOE5MzlzObQ6FjphOsQ7XDvYPEA82z0/PZ0+Az5HPnE+uj78Pz0/tD/aQA5AUEB6QLtA5kEcQWNBrUHuQlJCx0MRQ4pD5EQBRElEi0UDRShFV0WORbhF4EYARiFGfkaoRuBHC0dBR4hH0kgTSHdI7Uk4SaFKBUpjSrJK/EsqS3pLyEwcTMxNWk2PTcdOC05PTqpPBE9gT7tQSFDTUUZRpFHrUkBSyVNoVBtU8VWgVnFW8FdwV85YLFhrWMRZD1koWUBayFtVW6dcH1xCXGVcp1zrXS9dcV2mXdteCl45Xn9eyV9JX8Nf+mAtYJZhDGFMYcFiNWJ4YrxjBmNQY7ZkCmR1ZIpkoGTmZVxl3GZLZrFnIGeJZ/xodWjiaUtprGoJalRqnmsaaxprGmsaaxprGmsaaxprGmsaaxprGmsaayVrMGtCa2Jrgmuha6xruWvGa/hsImxfbI5sm2ysbX9tom3Lbd1uEW5sbttveG/lcGhwsnEOcTlxenGSca5xynHicjtyUXJycoxyqHMoc11zxXPsdAV0HnRFdF90X3VFdZ915XYjdlR2cXaPdrx213cGd3B3xXgHeDR4W3i4eOB5CXk/eWt5h3m1edt6KnqGes57RXtle6F7xnvzfCJ8R3xxfK98w3zufTR9Z32nfb5+Y350frB+0n8bfzR/Zn+pf9iAToBWgF6Ar4EAgWCBkYHuggCCEoIkgjaCSIJagmyCd4KJgpuCrYK/gtGC44L1gweDGYMrgz2DT4Nhg3ODhYOXg6mDu4PNg92D7oP/hBCEIIQwhECES4RbhGuEe4SLhJuEp4S4hMiE2ITohPiFCIUZhSmFOYVJhVmFaYV6hYqFnIWshb6FzoYmhsKG1IblhveHCIcahyqHPIdMh16HcIeCh5KHpIe0h8aH1ogsiKyIvojOiOCI8IkCiRKJJIk0iUaJVoloiXqJjImdia+JwInSieKKNYqbiq2Kv4rRiuOK9YsHixmLK4s9i0+LYYtzi4WLl4uni7mLy4vdi+2L+YwLjBuMLYw9jE+MYIxyjIKMlIymjLiMyIzajOuM/Y0OjR+NMI1CjVSNZo12jYiNmo2ljbWNwY3TjeSN9o4HjhmOKo48jkyOXo5ujoCOkY8Hj2aPeI+Ij5qPq4+9j8+P4I/ykAKQFJAkkDaQR5BZkGmQe5CNkJ6QrpC+kM6Q35DvkQCREZEikTORQ5FTkWORc5GEkZWRpZG2kcaR15HokfmSCZIZkiqSO5JLkluSa5J7ktWS5ZL1kwWTFZMlkzWTRZOak6qTupPKk9yT7ZP+lA6UHpRwlICUkZSjlLSUxpTYlOqU+5UNlR2VLZU9lU6VXpVwlYCVkJWglauVu5XLldyV7JX8lg2WHpaVlqaWtpbGlteW55b3lwOXD5cglzGXPZdJl1WXZpdul3aXfpeGl46Xlpeel6aXrpe2l76XxpfOl9aX6Jf6mAqYGpgqmDuYTJhUmFyYZJhsmHSYhJiUmKSYtZjGmNiY6plamWKZdJl8mYSZlpmombCZuJnAmciZ2pnimeqZ8pn6mgKaCpoSmhqaIpoqmjKaQppKmlKarJq0mryazJrXmt+a55r3mv+bCpsamyybPJtOm16bcJuAm5Kbopuqm7KbvpvPm9eb6Zv6nAWcEJwhnDOcRZxVnGacbpx2nIicmZyqnLuczJzdnOWc7Zz1nQedF50fnTGdQZ1TnWOda51znYWdlZ2nna+dv53RneGd854DnhWeJp44nkieWp5qnnKeep6Mnpyerp6+ntCe4Z7znwOfFZ8mnzifSJ9an2qfdp+Cn4qflp+in66fup/Mn92f75//oBGgIaAzoESgVqBnoH2gkqCkoLSgxqDWoOig+KEKoRqhMKFEoVWhYaFzoYShlqGnobmhyaHboeuh/aIOoiCiMaJLol+icaKDopSipaK3osmi26Lsov6jDqMgozCjQqNTo2WjdqOQo6mju6PLo92j7aP/pBCkIqQzpD+kUaRdpGmke6SNpJ+kqqS8pMyk3qTwpQKlE6UlpTGlQqVUpWaleKWKpZumOaZSpmOmb6Z7poemk6afpqumt6bDps+m26bnpvOm/6cLpxenKac7p0OnlafmqDeoZaiTqNOpE6ktqUapWKlqqXypjqmgqbKp5qodqluqmaqhqrOqvqq+qr6rGAABAAAAAgBBdgxeKl8PPPUACwgAAAAAAMTwES4AAAAA0YKzW/wF/dUHmQhzAAAACQACAAAAAAAABM0AAAAAAAAEzQAABM0AAATNAWIEzQA9BM0AogTNACwEzQBrBM0B7gTNAWUEzQFABM0AoATNAHcEzQFiBM4A2gTNAfAEzQD8BM0AkQTNANAEzQBVBM0AXgTNAEsEzQC7BM0AjQTNAHAEzQCxBM0AlQTNAiIEzQHmBM0AqgTNAK0EzQCyBM0AvwTNAEAEzQBRBM0ArATNAGsEzQCbBM0AtgTNAL8EzQBkBM0AjQTNAK4EzQBiBM0ArATNAMYEzQCUBM0AjwTNAGoEzQC/BM0AXgTNALUEzQB2BM0ATATNAIsEzQBHBM0ASQTNAFcEzQA9BM0AcgTNAaoEzQDnBM0BlQTNAOcEzQCbBM0BnwTNAJwEzQCvBM0AjwTNAIsEzQCHBM4AmATNAIwEzQCuBM0AywTNANMEzQCwBM0AywTNAF0EzQCuBM0AegTNAK0EzQCMBM0BSQTNAK8EzQCOBM0AtATNAGIEzQAwBM0AbgTNAEQEzQCgBM0BQwTNAhwEzQFDBM0AMATNAfIEzQCTBM0AcQTNAGcEzQAhBM0B/wTNAFcEzQEfBM0AWgTNARwEzQDUBM0AvQTNAFcEzQEBBM0BaQTNAJwEzQE8BM0BQwTNAZoEzQC8BM0A0wTNAfgEzQHNBM0BggTNARAEzQDxBM0AMATNACQEzQAlBM0AzATNACAEzQC1BM0ARwTNAKgEzQCpBM0AKwTNAEkEzQBzBM0AegTNAK0EzQAYBM0AywTNAIAEzQBQBM0AugTNADoEzQDLBM0ArwTNALgEzQBPBM0ALgTNAcgEzQCgBM0AYwTNAHcEzQCLBM0AtATNALAEzQCxBM0AwQTNATAEzQE7BM0B8gTNAZoEzQGOBM0AigTNAPYEzQGtBFL8ygRS/WgEUvyIBFL9WQRS/AUEUv0nBM0CKQTNARMEzQIwBM0AtQTNAC4EzQBqBM0ANgTNAJEEzQCiBM0AcATNAEUEzQBlBM0AYQTNAIEEzQCuBM0ARwTNAHgEzQCLBM0AdQTNAKQEzQC5BM0AuATNADkEzQCvBM0AWQTNAKUEzQB4BM0AbQTNAK0EzQCeBM0AbgTNAGEEzQBPBM0AmATNADYEzQAuBM0AKgTNAIEEzQAeBM0AgwTNAEMEzQCiBM0AogTNAEYEzQAdBM0AWQTNAKIEzQAvBM0AKwTNAKYEzQCrBM0AfQTNAH0EzQAyBM0AkATNAKgEzQByBM0AdwTNAEEEzQCBBM0ApATNALcEzQA2BM0AEQTNAIcEzQClBM0ApATNADcEzQCJBM0ApQTNAKUEzQBoBM0AegTNAKoEzQCNBM0AgQTNAHYEzQA5BM0AkATNAKUEzQCBBM0AcQTNAE8Ezf/pBM0AjwTNACYEzQCCBM0AHATNAKUEzQBrBM0AXwTNABwEzQB9BM0AmwTNACcEzQBXBM0AcQTNAHAEzQBVBM0AaQTNAFAEzQBRBM0AygTNAN4EzQBjBM0AXQTNABoEzQBRBM0ARQTNADcEzQBqBM0AegTNAE0EzQBnBM0AcQTNAF8EzQCXBM0AvwTNAHYAAADRAAAA/AAAAcMAAAI8AAD+5wAAAE4EzQC/BM0ArQTNALYEzQC2BM0AuQTNALgEzQCuBM0AowTNAC0EzQA4BM0AcgTNAG4EzQBtBM0AdATNAGgEzQBcBM0AOQTNADQEzQCrBM0AkgTNAOMEzQAmBM0AJgTNAMgEzQC0BM0AtgTNALMEzQBaBM0AlATNAIkEzQBCBM0AdATNAGEEzQBNBM0AZQTNADcEzQBQBM0AswTNANAEzQAUBM0ALwTNAG8EzQB1BM0AjgTNAKAEzQBMBM0ASQTNAGwEzQAABM0AAATNAAAEzQAABM0AAATNAAAEzQAABM0AAATNAAAEzQAABM0AAATNAAAEzQBJBM0ATgTNAKYEzQHsBM0BzQTNAbwEzQHPBM0BSQTNAS0EzQEvBM0AdwTNAHkEzQGaBM0BXATNAQkEzQA2BM0BjATNAYwEzQErBM0BDwTNAUsEzQBpBM0AfwTNAH8EzQBJBM0A3QTNAHkEzQBnBM0AmQTNAFAEzQAyBM0AJATNAEAEzQB+BM0ApwTNADMEzQCpBM0AOQTNADUEzQD4BM0AjQTNAKkEzQC7BM0AwgTNAI4EzQEuBM0AAATNAFwEzQAPBM0BOgTNAREEzQD8BM0AEATNAQsEzQEwBM0B+QTNADYEzQDQBM0AbgTNALcEzQDIBM0A5wTNAHwEzQCbBM0A2QTNAJYEzQC0BM0A0QTNAJsEzQDCBM0AggTNAF4EzQCQBM0AigTNAF0EzQC1BM0AVgTNAC8EzQBgBM0ATQTNALkEzQFSBM0BWwTNAUIEzQE4BM0BIwTNAUAEzQEwBM0BPgTNATUEzQHRBM0B9QTNAXQEzQIGBM0BYATNAMwEzQCpBM0A0gTNAAAEzgDaBOv/1ATr/9QE6wAaBM0ATATNAI4EzQBRBM0AUQTNAFEEzQBRBM0AUQTNAFEEzQBRBM0AawTNALYEzQC2BM0AtgTNALYEzQCuBM0ArgTNAK4EzQCuBM0AjwTNAGoEzQBqBM0AagTNAGoEzQBqBM0AiwTNAIsEzQCLBM0AiwTNAD0EzQCcBM0AnATNAJwEzQCcBM0AnATNAJwEzQCcBM0AjwTNAIcEzQCHBM0AhwTNAIcEzQDLBM0AywTNAMsEzQDLBM0ArgTNAHoEzQB6BM0AegTNAHoEzQB6BM0AtATNALQEzQC0BM0AtATNAEQEzQBEBM0AUQTNAJwEzQBRBM0AnATNAFEEzQCcBM0AawTNAI8EzQBrBM0AjwTNAGsEzQCPBM0AawTNAI8EzQCbBWMAiwTNALYEzQCHBM0AtgTNAIcEzQC2BM0AhwTNALYEzQCHBM0AtgTNAIcEzQBkBM0AjATNAGQEzQCMBM0AZATNAIwEzQBkBM0AjATNAI0EzQCuBM0ArgTNAMsEzQCuBM0AywTNAK4EzQDLBM0ArgTNAMsEzQCuBM0AYgTNALAEzQCsBM0AsATNAMYEzQDLBM0AxgTNAMsEzQDGBWMAywTNAMYFqQDLBM0AjwTNAK4EzQCPBM0ArgTNAI8EzQCuBM3/ugTNAGoEzQB6BM0AagTNAHoEzQBqBM0AegTNALUEzQFJBM0AtQTNARAEzQC1BM0BFATNAHYEzQCvBM0AdgTNAK8EzQB2BM0ArwTNAHYEzQCvBM0AdgTNAK8EzQBMBM0AjgTNAEwEzQBdBM0AjgTNAEwE9QCOBM0AiwTNALQEzQCLBM0AtATNAIsEzQC0BM0AiwTNALQEzQCLBM0AtATNAIsEzQC0BM0ASQTNADAEzQA9BM0ARATNAD0EzQByBM0AoATNAHIEzQCgBM0AcgTNAKAEzQAgBM0AKwTNAEcEzQB6BM3/5wTN/+cEzQBdBM0ANgTNADYEzQA2BM0ANgTNADYEzQA2BM0ANgTNAG4EzQDIBM0AyATNAMgEzQDIBM0A2QTNANkEzQDZBM0A2QTNAMIEzQCCBM0AggTNAIIEzQCCBM0AggTNALUEzQC1BM0AtQTNALUEzQBNBM0ANgTNADYEzQA2BM0AbgTNAG4EzQBuBM0AtwTNAMgEzQDIBM0AyATNAMgEzQDIBM0AfATNAHwEzQB8BM0AmwTNANkEzQDZBM0A2QTNANkEzQDZBM0AlgTNALQEzQC2BM0A0QTNANEEzQDRBM0AwgTNAMIEzQDCBM0AggTNAIIEzQCCBM0AkATNAJAEzQCQBM0AigTNAIoEzQCKBM0AigTNAF0EzQC1BM0AtQTNALUEzQC1BM0AtQTNALUEzQAvBM0ATQTNAE0EzQC5BM0AuQTNALkEzQBRBTEADwUx//0FMf/sBOEACQUx/7IE4QAFBM0AuATNAFEEzQCsBM0AtgTNAHIEzQCNBM0ArgTNAKwEzQCUBM0AjwTNAGoEzQC/BM0ATATNAD0EzQBXBM0ArgTNAD0EzQCBBM0AiwTNAKQEzQC4BM0AngTNALoEzQB6BM0AvATNAGIEzQBuBM0AuATNAJ4EzQB6BM0AngTNAE8EzQC2BM0AtQTNAHYEzQCuBM0ArgTNAGIEzQCpBM0ArATNACsEzQBRBM0ArATNALUEzQC2BM0AogTNAJQEzQCNBM0AagTNAKIEzQC/BM0AawTNAEwEzQBFBM0AVwTNAJwEzQCHBM0ApQTNAHoEzQCtBM0AjwTNAEQEzQBuBM0AhwTNALcEzQCvBM0AywTNAMsEzQDTBM0ApATNAEQEzQBJBM0AMATNAEkEzQAwBM0ASQTNADAEzQA9BM0ARATNAe4EzQFiCZoB5gTNALAEzQHNBM0AlATNAF0EzQBRBM0AnATN/4kEzQC2BM0AogTNAIcEzQClBM0AZQTNAGEEzQAaBM0ANQTNAFkEzQCHBM0AawTNAI8EzQA9BM0ARwTNAK4EzQAdBM0AEQTNAK4EzQBRBM0AnATNAFEEzQCcBM0AIATNACsEzQC2BM0AhwTNAFoEzQCxBM0AsQTNAB0EzQARBM0AWQTNAIcEzQCiBM0ApQTNAKIEzQClBM0AagTNAHoEzQBjBM0AXQTNAGMEzQBdBM0AcgTNAIEEzQArBM0ARATNACsEzQBEBM0AKwTNAEQEzQCrBM0AjQTNAJAEzQCQBM0AVwTNAG4EzQCLBM0ALwTNADcEzQBRBM0AnATNAFEEzQCcBM0AUQTNAJwEzf/8BM3/+ATNAFEEzQCcBM0AUQTNAJwEzQBRBM0AnATNAFEEzQCcBM0AUQTNAJwEzQBRBM0AnATNAFEEzQCcBM0AUQTNAJwEzQC2BM0AhwTNALYEzQCHBM0AtgTNAIcEzQC2BM0AhwTN//IEzf/zBM0AtgTNAIcEzQC2BM0AhwTNALYEzQCHBM0ArgTNAMsEzQCuBM0AywTNAGoEzQB6BM0AagTNAHoEzQBqBM0AegTNAAAEzf/tBM0AagTNAHoEzQBqBM0AegTNAGoEzQB6BM0AYwTNAHcEzQBjBM0AdwTNAGMEzQB3BM0AYwTNAHcEzQBjBM0AdwTNAIsEzQC0BM0AiwTNALQEzQCLBM0AtATNAIsEzQC0BM0AiwTNALQEzQCLBM0AtATNAIsEzQC0BM0APQTNAEQEzQA9BM0ARATNAD0EzQBEBOsAiwTrAIsEzQCpBM0ApATNAI0EzQClBM0ATATNAGgEzQBXBM0AbgTNAKsEzQCNBM0AqwTNAI0EzQC1BM0AtwTNAB0EzQARBM0AJgTNACYEzQCuBM0AEgTN/9QEzf/UBM3//QTN//sE4QAJBOH/8wTNAKIApQCNAKUAlACJAC8ANwA9AEcAVwBuAIsAEQBOAAAAAAHmAAAAAQAACGL91QAACZr8BfhyB5kAAQAAAAAAAAAAAAAAAAAAA+AAAwTOAZAABQAABZoFMwAAAR8FmgUzAAAD0QBmAgAAAAAAAAAAAAAAAADgAAL/EAAgWwAAACAAAAAAcHlycwBAAAD//Qhi/dUAAAhiAisgAAGfTwEAAAQ6BbAAAAAgAAEAAAACAAAAAwAAABQAAwABAAAAFAAEBkQAAADgAIAABgBgAAAAAgAJAA0AIQB+AKAArACtAL8AxgDPAOYA7wD+AQ8BEQElAScBMAFTAV8BZwF+AX8BkgGhAbAB8AH/AhsCNwJZArwCxwLJAt0C8wMBAwMDCQMPAyMDigOMA5IDoQOwA7kDyQPOA9ID1gQlBC8ERQRPBGIEbwR3BIYEzgTXBOEE9QUBBRAFEx4BHj8ehR7xHvMe+R9NIAsgFSAeICIgJiAwIDMgOiA8IEQgdCB/IKQgpyCsIQUhEyEWISIhJiEuIV4iAiIGIg8iEiIaIh4iKyJIImAiZSXK9sP+///9//8AAAAAAAIACQANACAAIgCgAKEArQCuAMAAxwDQAOcA8AD/ARABEgEmASgBMQFUAWABaAF/AZIBoAGvAfAB+gIYAjcCWQK8AsYCyQLYAvMDAAMDAwkDDwMjA4QDjAOOA5MDowOxA7oDygPRA9YEAAQmBDAERgRQBGMEcAR4BIgEzwTYBOIE9gUCBREeAB4+HoAeoB7yHvQfTSAAIBMgFyAgICUgMCAyIDkgPCBEIHQgfyCjIKcgqyEFIRMhFiEiISYhLiFbIgIiBiIPIhEiGiIeIisiSCJgImQlyvbD/v///P//AAED7APm//UAAP/iASb/wAEa/78AAAENAAABCAAAAQQAAAECAAABAAAAAPYAAAD5/xX/A/72/ukBOAAAAAD+Y/5CAG391v2l/cb9sf2l/aT9n/2a/YcAAP9H/0YAAAAA/QcAAP8n/Pv8+AAA/LYAAPyuAAD8owAA/J8AAP5xAAD+bgAA/EcAAOUs5OzkneTL5DHkyePh4VgAAOFP4U7hTOFD4vPhO+Lr4TLhA+D5AADg0wAA4HfgauBo4F3fkeBS4Cbfg96p33ffdt9v32zfYN9E3y3fKtvGCs4CkwGXAAEAAAAAAAAAAADYAAAAAAAAAAAAAADQAAAA2gAAAQQAAAEeAAABHgAAAR4AAAFgAAAAAAAAAAAAAAAAAWIBbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFaAAAAAAFiAX4AAAGWAAAAAAAAAa4AAAH2AAACHgAAAkAAAAJMAAAC1gAAAuYAAAL6AAAAAAAAAAAAAAAAAAAAAALuAAAAAAAAAAAAAAAAAAAAAAAAAAAC3gAAAt4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADA/ABzQHOAc8B0AHRAdIAfwHJAd0B3gHfAeAB4QHiAIAAgQHjAeQB5QHmAecAggCDAegB6QHqAesB7AHtAIQAhQH4AfkB+gH7AfwB/QCGAIcB/gH/AgACAQICAIgByAPDAIkBygCKAIsAjAIxAjICMwI0AI0CNQI2AjcCOAI5AjoCOwI8AI4AjwI9Aj4CPwJAAkECQgJDAJAAkQJEAkUCRgJHAkgCSQCSAJMCWAJZAlwCXgJfAmABywHMAdMB7gJ4AnkCegJ7AlYCVwJaAlsAqwCsAs8ArQLQAtEC0gCuAK8C2QLaAtsAsALcAt0AsQLeAt8AsgLgALMC4QC0AuIC4wC1AuQAtgC3AuUC5gLnAugC6QLqAusC7ADBAu4C7wDCAu0AwwDEAMUAxgDHAMgAyQLwAMoAywMvAvYAzwL3ANAC+AL5AvoC+wDRANIA0wL9AzAC/gDUAv8A1QMAAwEA1gMCANcA2ADZAwMC/ADaAwQDBQMGAwcDCAMJAwoA2wMLAwwDDQDmAOcA6ADpAw4A6gDrAOwDDwDtAO4A7wDwAxAA8QMRAxIA8gMTAPMDFAMxAxUA/gMWAP8DFwMYAxkDGgEAAQEBAgMbAzIDHAEDAQQBBQPaAzMDNAETARQBFQEWAzUDNgEmAScD3wPgA9kD2AEoASkBKgErA9sD3AEsAS0D0wPUAzcDOAPFA8YBLgEvA90D3gEwATEDxwPIATIBMwE0ATUBNgE3AzkDOgPJA8oDOwM8A+cD6APLA8wBOAE5A80DzgE6ATsBPAPXAT0BPgPVA9YDPQM+Az8BPwFAA+UD5gFBAUID4QPiA88D0APjA+QBQwNKA0kDSwNMA00DTgNPAUQBRQPRA9IDZANlAUYBRwNmA2cD6QPqAUgDaAPrA2kDagFkAWUD7QPsAXkDxAF7sAAsILAAVVhFWSAgS7gADlFLsAZTWliwNBuwKFlgZiCKVViwAiVhuQgACABjYyNiGyEhsABZsABDI0SyAAEAQ2BCLbABLLAgYGYtsAIsIGQgsMBQsAQmWrIoAQpDRWNFUltYISMhG4pYILBQUFghsEBZGyCwOFBYIbA4WVkgsQEKQ0VjRWFksChQWCGxAQpDRWNFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwAStZWSOwAFBYZVlZLbADLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbAELCMhIyEgZLEFYkIgsAYjQrEBCkNFY7EBCkOwBGBFY7ADKiEgsAZDIIogirABK7EwBSWwBCZRWGBQG2FSWVgjWSEgsEBTWLABKxshsEBZI7AAUFhlWS2wBSywB0MrsgACAENgQi2wBiywByNCIyCwACNCYbACYmawAWOwAWCwBSotsAcsICBFILALQ2O4BABiILAAUFiwQGBZZrABY2BEsAFgLbAILLIHCwBDRUIqIbIAAQBDYEItsAkssABDI0SyAAEAQ2BCLbAKLCAgRSCwASsjsABDsAQlYCBFiiNhIGQgsCBQWCGwABuwMFBYsCAbsEBZWSOwAFBYZVmwAyUjYUREsAFgLbALLCAgRSCwASsjsABDsAQlYCBFiiNhIGSwJFBYsAAbsEBZI7AAUFhlWbADJSNhRESwAWAtsAwsILAAI0KyCwoDRVghGyMhWSohLbANLLECAkWwZGFELbAOLLABYCAgsAxDSrAAUFggsAwjQlmwDUNKsABSWCCwDSNCWS2wDywgsBBiZrABYyC4BABjiiNhsA5DYCCKYCCwDiNCIy2wECxLVFixBGREWSSwDWUjeC2wESxLUVhLU1ixBGREWRshWSSwE2UjeC2wEiyxAA9DVVixDw9DsAFhQrAPK1mwAEOwAiVCsQwCJUKxDQIlQrABFiMgsAMlUFixAQBDYLAEJUKKiiCKI2GwDiohI7ABYSCKI2GwDiohG7EBAENgsAIlQrACJWGwDiohWbAMQ0ewDUNHYLACYiCwAFBYsEBgWWawAWMgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLEAABMjRLABQ7AAPrIBAQFDYEItsBMsALEAAkVUWLAPI0IgRbALI0KwCiOwBGBCIGCwAWG1EBABAA4AQkKKYLESBiuwdSsbIlktsBQssQATKy2wFSyxARMrLbAWLLECEystsBcssQMTKy2wGCyxBBMrLbAZLLEFEystsBossQYTKy2wGyyxBxMrLbAcLLEIEystsB0ssQkTKy2wKSwgLrABXS2wKiwgLrABcS2wKywgLrABci2wHiwAsA0rsQACRVRYsA8jQiBFsAsjQrAKI7AEYEIgYLABYbUQEAEADgBCQopgsRIGK7B1KxsiWS2wHyyxAB4rLbAgLLEBHistsCEssQIeKy2wIiyxAx4rLbAjLLEEHistsCQssQUeKy2wJSyxBh4rLbAmLLEHHistsCcssQgeKy2wKCyxCR4rLbAsLCA8sAFgLbAtLCBgsBBgIEMjsAFgQ7ACJWGwAWCwLCohLbAuLLAtK7AtKi2wLywgIEcgILALQ2O4BABiILAAUFiwQGBZZrABY2AjYTgjIIpVWCBHICCwC0NjuAQAYiCwAFBYsEBgWWawAWNgI2E4GyFZLbAwLACxAAJFVFiwARawLyqxBQEVRVgwWRsiWS2wMSwAsA0rsQACRVRYsAEWsC8qsQUBFUVYMFkbIlktsDIsIDWwAWAtsDMsALABRWO4BABiILAAUFiwQGBZZrABY7ABK7ALQ2O4BABiILAAUFiwQGBZZrABY7ABK7AAFrQAAAAAAEQ+IzixMgEVKi2wNCwgPCBHILALQ2O4BABiILAAUFiwQGBZZrABY2CwAENhOC2wNSwuFzwtsDYsIDwgRyCwC0NjuAQAYiCwAFBYsEBgWWawAWNgsABDYbABQ2M4LbA3LLECABYlIC4gR7AAI0KwAiVJiopHI0cjYSBYYhshWbABI0KyNgEBFRQqLbA4LLAAFrAEJbAEJUcjRyNhsAlDK2WKLiMgIDyKOC2wOSywABawBCWwBCUgLkcjRyNhILAEI0KwCUMrILBgUFggsEBRWLMCIAMgG7MCJgMaWUJCIyCwCEMgiiNHI0cjYSNGYLAEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsAJiILAAUFiwQGBZZrABY2AjILABKyOwBENgsAErsAUlYbAFJbACYiCwAFBYsEBgWWawAWOwBCZhILAEJWBkI7ADJWBkUFghGyMhWSMgILAEJiNGYThZLbA6LLAAFiAgILAFJiAuRyNHI2EjPDgtsDsssAAWILAII0IgICBGI0ewASsjYTgtsDwssAAWsAMlsAIlRyNHI2GwAFRYLiA8IyEbsAIlsAIlRyNHI2EgsAUlsAQlRyNHI2GwBiWwBSVJsAIlYbkIAAgAY2MjIFhiGyFZY7gEAGIgsABQWLBAYFlmsAFjYCMuIyAgPIo4IyFZLbA9LLAAFiCwCEMgLkcjRyNhIGCwIGBmsAJiILAAUFiwQGBZZrABYyMgIDyKOC2wPiwjIC5GsAIlRlJYIDxZLrEuARQrLbA/LCMgLkawAiVGUFggPFkusS4BFCstsEAsIyAuRrACJUZSWCA8WSMgLkawAiVGUFggPFkusS4BFCstsEEssDgrIyAuRrACJUZSWCA8WS6xLgEUKy2wQiywOSuKICA8sAQjQoo4IyAuRrACJUZSWCA8WS6xLgEUK7AEQy6wListsEMssAAWsAQlsAQmIC5HI0cjYbAJQysjIDwgLiM4sS4BFCstsEQssQgEJUKwABawBCWwBCUgLkcjRyNhILAEI0KwCUMrILBgUFggsEBRWLMCIAMgG7MCJgMaWUJCIyBHsARDsAJiILAAUFiwQGBZZrABY2AgsAErIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbACYiCwAFBYsEBgWWawAWNhsAIlRmE4IyA8IzgbISAgRiNHsAErI2E4IVmxLgEUKy2wRSywOCsusS4BFCstsEYssDkrISMgIDywBCNCIzixLgEUK7AEQy6wListsEcssAAVIEewACNCsgABARUUEy6wNCotsEgssAAVIEewACNCsgABARUUEy6wNCotsEkssQABFBOwNSotsEossDcqLbBLLLAAFkUjIC4gRoojYTixLgEUKy2wTCywCCNCsEsrLbBNLLIAAEQrLbBOLLIAAUQrLbBPLLIBAEQrLbBQLLIBAUQrLbBRLLIAAEUrLbBSLLIAAUUrLbBTLLIBAEUrLbBULLIBAUUrLbBVLLIAAEErLbBWLLIAAUErLbBXLLIBAEErLbBYLLIBAUErLbBZLLIAAEMrLbBaLLIAAUMrLbBbLLIBAEMrLbBcLLIBAUMrLbBdLLIAAEYrLbBeLLIAAUYrLbBfLLIBAEYrLbBgLLIBAUYrLbBhLLIAAEIrLbBiLLIAAUIrLbBjLLIBAEIrLbBkLLIBAUIrLbBlLLA6Ky6xLgEUKy2wZiywOiuwPistsGcssDorsD8rLbBoLLAAFrA6K7BAKy2waSywOysusS4BFCstsGossDsrsD4rLbBrLLA7K7A/Ky2wbCywOyuwQCstsG0ssDwrLrEuARQrLbBuLLA8K7A+Ky2wbyywPCuwPystsHAssDwrsEArLbBxLLA9Ky6xLgEUKy2wciywPSuwPistsHMssD0rsD8rLbB0LLA9K7BAKy2wdSyzCQQCA0VYIRsjIVlCK7AIZbADJFB4sQUBFUVYMFktAABLuADIUlixAQGOWbABuQgACABjcLEABkK1AEczHwQAKrEABkJACk0BOggmCBQHBAgqsQAGQkAKTgBEBjAGHQUECCqxAApCvROADsAJwAVAAAQACSqxAA5CvQAAAEAAQABAAAQACSqxAwBEsSQBiFFYsECIWLEDZESxJgGIUVi6CIAAAQRAiGNUWLEDAERZWVlZQApOADwIKAgWBwQMKrgB/4WwBI2xAgBEsQVkRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALkAuQCXAJcFsAAABDoAAP5gCGL91QXE/+wETv/s/ksIYv3VALkAuQCXAJcFsAAABbAEOv/s/mAIYv3VBcT/7AXFBE7/7P5gCGL91QC5ALkAlwCXBbAAAAXhBDoAAP5gCGL91QXE/+wF4QRO/+z+Swhi/dUAMgAyAAAADQCiAAMAAQQJAAAAXgAAAAMAAQQJAAEAFgBeAAMAAQQJAAIADgB0AAMAAQQJAAMALgCCAAMAAQQJAAQAFgBeAAMAAQQJAAUAVACwAAMAAQQJAAYAJAEEAAMAAQQJAAcASgEoAAMAAQQJAAkADAFyAAMAAQQJAAsAFAF+AAMAAQQJAAwAJgGSAAMAAQQJAA0AXAG4AAMAAQQJAA4AVAIUAEMAbwBwAHkAcgBpAGcAaAB0ACAAMgAwADEANQAgAEcAbwBvAGcAbABlACAASQBuAGMALgAgAEEAbABsACAAUgBpAGcAaAB0AHMAIABSAGUAcwBlAHIAdgBlAGQALgBSAG8AYgBvAHQAbwAgAE0AbwBuAG8AUgBlAGcAdQBsAGEAcgBHAG8AbwBnAGwAZQA6AFIAbwBiAG8AdABvACAATQBvAG4AbwA6ADIAMAAxADUAVgBlAHIAcwBpAG8AbgAgADIALgAwADAAMAA5ADgANQA7ACAAMgAwADEANQA7ACAAdAB0AGYAYQB1AHQAbwBoAGkAbgB0ACAAKAB2ADEALgAzACkAUgBvAGIAbwB0AG8ATQBvAG4AbwAtAFIAZQBnAHUAbABhAHIAUgBvAGIAbwB0AG8AIABNAG8AbgBvACAAaQBzACAAYQAgAHQAcgBhAGQAZQBtAGEAcgBrACAAbwBmACAARwBvAG8AZwBsAGUALgBHAG8AbwBnAGwAZQBHAG8AbwBnAGwAZQAuAGMAbwBtAEMAaAByAGkAcwB0AGkAYQBuACAAUgBvAGIAZQByAHQAcwBvAG4ATABpAGMAZQBuAHMAZQBkACAAdQBuAGQAZQByACAAdABoAGUAIABBAHAAYQBjAGgAZQAgAEwAaQBjAGUAbgBzAGUALAAgAFYAZQByAHMAaQBvAG4AIAAyAC4AMABoAHQAdABwADoALwAvAHcAdwB3AC4AYQBwAGEAYwBoAGUALgBvAHIAZwAvAGwAaQBjAGUAbgBzAGUAcwAvAEwASQBDAEUATgBTAEUALQAyAC4AMAAAAAIAAAAAAAD/agBkAAAAAAAAAAAAAAAAAAAAAAAAAAAD8QAAAQIAAgADAAUABgAHAAgACQAKAAsADAANAA4ADwAQABEAEgATABQAFQAWABcAGAAZABoAGwAcAB0AHgAfACAAIQAiACMAJAAlACYAJwAoACkAKgArACwALQAuAC8AMAAxADIAMwA0ADUANgA3ADgAOQA6ADsAPAA9AD4APwBAAEEAQgBDAEQARQBGAEcASABJAEoASwBMAE0ATgBPAFAAUQBSAFMAVABVAFYAVwBYAFkAWgBbAFwAXQBeAF8AYABhAKMAhACFAL0AlgDoAIYAjgCLAJ0AqQCkAIoA2gCDAJMA8gDzAI0AlwCIAMMA3gDxAJ4AqgD1APQA9gCiAJAA8ACRAO0AiQCgAOoAuAChAO4BAwDXAQQBBQEGAOIA4wEHAQgAsACxAQkApgEKAQsBDAENAQ4BDwDYAOEA2wDcAN0A4ADZAN8BEAERARIBEwEUARUBFgEXARgBGQEaAKgBGwEcAR0BHgEfASABIQCfASIBIwEkASUBJgEnASgBKQEqASsBLACbAS0BLgEvATABMQEyATMBNAE1ATYBNwE4ATkBOgE7ATwBPQE+AT8BQAFBAUIBQwFEAUUBRgFHAUgBSQFKAUsBTAFNAU4BTwFQAVEBUgFTAVQBVQFWAVcBWAFZAVoBWwFcAV0BXgFfAWABYQFiAWMBZAFlAWYBZwFoAWkBagFrAWwBbQFuAW8BcAFxAXIBcwF0AXUBdgF3AXgBeQF6AXsBfAF9AX4BfwGAAYEBggGDAYQBhQGGAYcBiAGJAYoBiwGMAY0BjgGPAZABkQGSAZMBlAGVAZYBlwGYAZkBmgGbAZwBnQGeAZ8BoAGhAaIBowGkAaUBpgGnAagBqQGqAasBrAGtAa4BrwGwAbEBsgGzAbQBtQG2AbcBuAG5AboBuwG8Ab0BvgG/AcABwQHCAcMBxAHFAcYBxwHIAckBygHLAcwAsgCzAc0AtgC3AMQBzgC0ALUAxQCCAMIAhwHPAKsAxgC+AL8AvAHQAdEB0gHTAdQB1QHWAdcAjAHYAdkB2gHbAdwAmACaAJkA7wClAJIAnACnAI8AlACVALkB3QHeAd8B4AHhAeIB4wHkAeUB5gHnAegB6QHqAesB7AHtAe4B7wHwAfEB8gHzAfQB9QH2AfcB+AH5AfoB+wH8Af0B/gH/AgACAQICAgMCBAIFAgYCBwIIAgkCCgILAgwCDQIOAg8CEAIRAKwCEgITAOkCFAIVAhYArQDJAMcArgBiAGMCFwBkAMsAZQDIAMoAzwDMAM0AzgBmANMA0ADRAK8AZwDWANQA1QBoAOsAagBpAGsAbQBsAG4CGABvAHEAcAByAHMAdQB0AHYAdwB4AHoAeQB7AH0AfAB/AH4AgACBAOwAugIZAhoCGwIcAh0CHgD9AP4CHwIgAiECIgD/AQACIwIkAiUCJgInAigCKQIqAisCLAItAi4CLwIwAPgA+QIxAjICMwI0AjUCNgI3AjgCOQI6AjsCPAI9Aj4A+gI/AkACQQJCAkMCRAJFAkYCRwJIAkkCSgJLAkwCTQJOAk8CUAJRAlICUwJUAlUCVgJXAlgCWQJaAlsCXAJdAl4CXwJgAmEA+wD8AmICYwDkAOUCZAJlAmYCZwJoAmkCagJrAmwCbQJuAm8CcAJxAnICcwJ0AnUCdgJ3AngCeQJ6ALsCewJ8An0CfgDmAOcCfwKAAoECggKDAoQChQKGAocCiAKJAooCiwKMAo0CjgKPApACkQKSApMClAKVApYClwKYApkCmgKbApwCnQKeAp8CoAKhAqICowKkAqUCpgKnAqgCqQKqAqsCrAKtAq4CrwKwArECsgKzArQCtQK2ArcCuAK5AroCuwK8Ar0CvgK/AsACwQLCAsMCxALFAsYCxwLIAskCygLLAswCzQLOAs8C0ALRAtIC0wLUAtUC1gLXAtgC2QLaAtsC3ALdAt4C3wLgAuEC4gLjAuQC5QLmAucC6ALpAuoC6wLsAu0C7gLvAvAC8QLyAvMC9AL1AvYC9wL4AvkC+gL7AvwC/QL+Av8DAAMBAwIDAwMEAwUDBgMHAwgDCQMKAwsDDAMNAw4DDwMQAxEDEgMTAxQDFQMWAxcDGAMZAxoDGwMcAx0DHgMfAyADIQMiAyMDJAMlAyYDJwMoAykDKgMrAywDLQMuAy8DMAMxAzIDMwM0AzUDNgM3AzgDOQM6AzsDPAM9Az4DPwNAA0EDQgNDA0QDRQNGA0cDSANJA0oDSwNMA00DTgNPA1ADUQNSA1MDVANVA1YDVwNYA1kDWgNbA1wDXQNeA18DYANhA2IDYwNkA2UDZgNnA2gDaQNqA2sDbANtA24DbwNwA3EDcgNzA3QDdQN2A3cDeAN5A3oDewN8A30DfgN/A4ADgQOCA4MDhAOFA4YDhwOIA4kDigOLA4wDjQOOA48DkAORA5IDkwOUA5UDlgOXA5gDmQOaA5sDnAOdA54DnwOgA6EDogOjA6QDpQOmA6cDqAOpA6oDqwOsA60DrgOvA7ADsQOyA7MDtAO1A7YDtwO4A7kDugO7A7wDvQO+A78DwAPBA8IDwwPEA8UDxgPHA8gDyQEBA8oDywPMA80DzgPPA9AD0QPSA9MD1APVA9YD1wPYA9kD2gPbA9wD3QPeA98D4APhA+ID4wPkA+UD5gPnA+gD6QPqA+sD7APtA+4D7wPwA/EA9wPyA/MD9AAEBE5VTEwESGJhcgJJSgJpagxrZ3JlZW5sYW5kaWMDRW5nA2VuZwVsb25ncwVPaG9ybgVvaG9ybgVVaG9ybgV1aG9ybgd1bmkwMjM3BXNjaHdhB3VuaTAyRjMJZ3JhdmVjb21iCWFjdXRlY29tYgl0aWxkZWNvbWIEaG9vawd1bmkwMzBGCGRvdGJlbG93BXRvbm9zDWRpZXJlc2lzdG9ub3MJYW5vdGVsZWlhBUdhbW1hBVRoZXRhBkxhbWJkYQJYaQJQaQVTaWdtYQNQaGkDUHNpBWFscGhhBGJldGEFZ2FtbWEFZGVsdGEHZXBzaWxvbgR6ZXRhA2V0YQV0aGV0YQRpb3RhBmxhbWJkYQJ4aQNyaG8Gc2lnbWExBXNpZ21hA3RhdQd1cHNpbG9uA3BoaQNwc2kFb21lZ2EHdW5pMDNEMQd1bmkwM0QyB3VuaTAzRDYHdW5pMDQwMgd1bmkwNDA0B3VuaTA0MDkHdW5pMDQwQQd1bmkwNDBCB3VuaTA0MEYHdW5pMDQxMQd1bmkwNDE0B3VuaTA0MTYHdW5pMDQxNwd1bmkwNDE4B3VuaTA0MUIHdW5pMDQyMwd1bmkwNDI2B3VuaTA0MjcHdW5pMDQyOAd1bmkwNDI5B3VuaTA0MkEHdW5pMDQyQgd1bmkwNDJDB3VuaTA0MkQHdW5pMDQyRQd1bmkwNDJGB3VuaTA0MzEHdW5pMDQzMgd1bmkwNDMzB3VuaTA0MzQHdW5pMDQzNgd1bmkwNDM3B3VuaTA0MzgHdW5pMDQzQQd1bmkwNDNCB3VuaTA0M0MHdW5pMDQzRAd1bmkwNDNGB3VuaTA0NDIHdW5pMDQ0NAd1bmkwNDQ2B3VuaTA0NDcHdW5pMDQ0OAd1bmkwNDQ5B3VuaTA0NEEHdW5pMDQ0Qgd1bmkwNDRDB3VuaTA0NEQHdW5pMDQ0RQd1bmkwNDRGB3VuaTA0NTIHdW5pMDQ1NAd1bmkwNDU5B3VuaTA0NUEHdW5pMDQ1Qgd1bmkwNDVGB3VuaTA0NjAHdW5pMDQ2MQd1bmkwNDYzB3VuaTA0NjQHdW5pMDQ2NQd1bmkwNDY2B3VuaTA0NjcHdW5pMDQ2OAd1bmkwNDY5B3VuaTA0NkEHdW5pMDQ2Qgd1bmkwNDZDB3VuaTA0NkQHdW5pMDQ2RQd1bmkwNDZGB3VuaTA0NzIHdW5pMDQ3Mwd1bmkwNDc0B3VuaTA0NzUHdW5pMDQ3OAd1bmkwNDc5B3VuaTA0N0EHdW5pMDQ3Qgd1bmkwNDdDB3VuaTA0N0QHdW5pMDQ3RQd1bmkwNDdGB3VuaTA0ODAHdW5pMDQ4MQd1bmkwNDgyB3VuaTA0ODMHdW5pMDQ4NAd1bmkwNDg1B3VuaTA0ODYHdW5pMDQ4OAd1bmkwNDg5B3VuaTA0OEUHdW5pMDQ4Rgd1bmkwNDkwB3VuaTA0OTEHdW5pMDQ5NAd1bmkwNDk1B3VuaTA0OUMHdW5pMDQ5RAd1bmkwNEEwB3VuaTA0QTEHdW5pMDRBNAd1bmkwNEE1B3VuaTA0QTYHdW5pMDRBNwd1bmkwNEE4B3VuaTA0QTkHdW5pMDRCNAd1bmkwNEI1B3VuaTA0QjgHdW5pMDRCOQd1bmkwNEJBB3VuaTA0QkMHdW5pMDRCRAd1bmkwNEMzB3VuaTA0QzQHdW5pMDRDNwd1bmkwNEM4B3VuaTA0RDgHdW5pMDRFMAd1bmkwNEUxB3VuaTA0RkEHdW5pMDRGQgd1bmkwNTAwB3VuaTA1MDIHdW5pMDUwMwd1bmkwNTA0B3VuaTA1MDUHdW5pMDUwNgd1bmkwNTA3B3VuaTA1MDgHdW5pMDUwOQd1bmkwNTBBB3VuaTA1MEIHdW5pMDUwQwd1bmkwNTBEB3VuaTA1MEUHdW5pMDUwRgd1bmkwNTEwB3VuaTIwMDAHdW5pMjAwMQd1bmkyMDAyB3VuaTIwMDMHdW5pMjAwNAd1bmkyMDA1B3VuaTIwMDYHdW5pMjAwNwd1bmkyMDA4B3VuaTIwMDkHdW5pMjAwQQd1bmkyMDBCDXVuZGVyc2NvcmVkYmwNcXVvdGVyZXZlcnNlZAd1bmkyMDI1B3VuaTIwNzQJbnN1cGVyaW9yBGxpcmEGcGVzZXRhBEV1cm8HdW5pMjEwNQd1bmkyMTEzB3VuaTIxMTYJZXN0aW1hdGVkCW9uZWVpZ2h0aAx0aHJlZWVpZ2h0aHMLZml2ZWVpZ2h0aHMMc2V2ZW5laWdodGhzC2NvbW1hYWNjZW50B3VuaUZFRkYHdW5pRkZGQwd1bmlGRkZEB3R3by5zdXATY2lyY3VtZmxleHRpbGRlY29tYhJjaXJjdW1mbGV4aG9va2NvbWITY2lyY3VtZmxleGdyYXZlY29tYhNjaXJjdW1mbGV4YWN1dGVjb21iDmJyZXZlZ3JhdmVjb21iEWNvbW1hYWNjZW50cm90YXRlBkEuc21jcAZCLnNtY3AGQy5zbWNwBkQuc21jcAZFLnNtY3AGRi5zbWNwBkcuc21jcAZILnNtY3AGSS5zbWNwBkouc21jcAZLLnNtY3AGTC5zbWNwBk0uc21jcAZOLnNtY3AGTy5zbWNwBlEuc21jcAZSLnNtY3AGUy5zbWNwBlQuc21jcAZVLnNtY3AGVi5zbWNwBlcuc21jcAZYLnNtY3AGWS5zbWNwBlouc21jcA1icmV2ZWhvb2tjb21iB29uZS5zdXAOYnJldmVhY3V0ZWNvbWIJdGhyZWUuc3VwCGZvdXIuc3VwCGZpdmUuc3VwCXNldmVuLnN1cAllaWdodC5zdXAIY3Jvc3NiYXIJcmluZ2FjdXRlCWRhc2lhb3hpYQ5icmV2ZXRpbGRlY29tYgtjeXJpbGxpY3RpYwxjeXJpbGxpY2hvb2sGUC5zbWNwBUsuYWx0D0dlcm1hbmRibHMuc21jcAd1bmkwMEFEBkRjcm9hdARoYmFyBFRiYXIEdGJhcgpBcmluZ2FjdXRlCmFyaW5nYWN1dGUHQW1hY3JvbgdhbWFjcm9uBkFicmV2ZQZhYnJldmUHQW9nb25lawdhb2dvbmVrC0NjaXJjdW1mbGV4C2NjaXJjdW1mbGV4B3VuaTAxMEEHdW5pMDEwQgZEY2Fyb24GZGNhcm9uB0VtYWNyb24HZW1hY3JvbgZFYnJldmUGZWJyZXZlCkVkb3RhY2NlbnQKZWRvdGFjY2VudAdFb2dvbmVrB2VvZ29uZWsGRWNhcm9uBmVjYXJvbgtHY2lyY3VtZmxleAtnY2lyY3VtZmxleAd1bmkwMTIwB3VuaTAxMjEMR2NvbW1hYWNjZW50DGdjb21tYWFjY2VudAtIY2lyY3VtZmxleAtoY2lyY3VtZmxleAZJdGlsZGUGaXRpbGRlB0ltYWNyb24HaW1hY3JvbgZJYnJldmUGaWJyZXZlB0lvZ29uZWsHaW9nb25lawtKY2lyY3VtZmxleAtqY2lyY3VtZmxleAxLY29tbWFhY2NlbnQMa2NvbW1hYWNjZW50BkxhY3V0ZQZsYWN1dGUMTGNvbW1hYWNjZW50DGxjb21tYWFjY2VudAZMY2Fyb24GbGNhcm9uBExkb3QEbGRvdAZOYWN1dGUGbmFjdXRlDE5jb21tYWFjY2VudAxuY29tbWFhY2NlbnQGTmNhcm9uBm5jYXJvbgtuYXBvc3Ryb3BoZQdPbWFjcm9uB29tYWNyb24GT2JyZXZlBm9icmV2ZQ1PaHVuZ2FydW1sYXV0DW9odW5nYXJ1bWxhdXQGUmFjdXRlBnJhY3V0ZQxSY29tbWFhY2NlbnQMcmNvbW1hYWNjZW50BlJjYXJvbgZyY2Fyb24GU2FjdXRlBnNhY3V0ZQtTY2lyY3VtZmxleAtzY2lyY3VtZmxleAd1bmkwMjE4B3VuaTAyMTkHdW5pMDIxQQd1bmkwMjFCB3VuaTAxNjIMdW5pMDE2Mi5zbWNwB3VuaTAxNjMGVGNhcm9uBnRjYXJvbgZVdGlsZGUGdXRpbGRlB1VtYWNyb24HdW1hY3JvbgZVYnJldmUGdWJyZXZlBVVyaW5nBXVyaW5nDVVodW5nYXJ1bWxhdXQNdWh1bmdhcnVtbGF1dAdVb2dvbmVrB3VvZ29uZWsLV2NpcmN1bWZsZXgLd2NpcmN1bWZsZXgLWWNpcmN1bWZsZXgLeWNpcmN1bWZsZXgGWmFjdXRlBnphY3V0ZQpaZG90YWNjZW50Cnpkb3RhY2NlbnQHQUVhY3V0ZQdhZWFjdXRlC09zbGFzaGFjdXRlC29zbGFzaGFjdXRlC0Rjcm9hdC5zbWNwCEV0aC5zbWNwCVRiYXIuc21jcAtBZ3JhdmUuc21jcAtBYWN1dGUuc21jcBBBY2lyY3VtZmxleC5zbWNwC0F0aWxkZS5zbWNwDkFkaWVyZXNpcy5zbWNwCkFyaW5nLnNtY3APQXJpbmdhY3V0ZS5zbWNwDUNjZWRpbGxhLnNtY3ALRWdyYXZlLnNtY3ALRWFjdXRlLnNtY3AQRWNpcmN1bWZsZXguc21jcA5FZGllcmVzaXMuc21jcAtJZ3JhdmUuc21jcAtJYWN1dGUuc21jcBBJY2lyY3VtZmxleC5zbWNwDklkaWVyZXNpcy5zbWNwC050aWxkZS5zbWNwC09ncmF2ZS5zbWNwC09hY3V0ZS5zbWNwEE9jaXJjdW1mbGV4LnNtY3ALT3RpbGRlLnNtY3AOT2RpZXJlc2lzLnNtY3ALVWdyYXZlLnNtY3ALVWFjdXRlLnNtY3AQVWNpcmN1bWZsZXguc21jcA5VZGllcmVzaXMuc21jcAtZYWN1dGUuc21jcAxBbWFjcm9uLnNtY3ALQWJyZXZlLnNtY3AMQW9nb25lay5zbWNwC0NhY3V0ZS5zbWNwEENjaXJjdW1mbGV4LnNtY3ALQ2Nhcm9uLnNtY3ALRGNhcm9uLnNtY3AMRW1hY3Jvbi5zbWNwC0VicmV2ZS5zbWNwD0Vkb3RhY2NlbnQuc21jcAxFb2dvbmVrLnNtY3ALRWNhcm9uLnNtY3AQR2NpcmN1bWZsZXguc21jcAtHYnJldmUuc21jcBFHY29tbWFhY2NlbnQuc21jcBBIY2lyY3VtZmxleC5zbWNwC0l0aWxkZS5zbWNwDEltYWNyb24uc21jcAtJYnJldmUuc21jcAxJb2dvbmVrLnNtY3APSWRvdGFjY2VudC5zbWNwEEpjaXJjdW1mbGV4LnNtY3ARS2NvbW1hYWNjZW50LnNtY3ALTGFjdXRlLnNtY3ARTGNvbW1hYWNjZW50LnNtY3ALTGNhcm9uLnNtY3AJTGRvdC5zbWNwC05hY3V0ZS5zbWNwEU5jb21tYWFjY2VudC5zbWNwC05jYXJvbi5zbWNwDE9tYWNyb24uc21jcAtPYnJldmUuc21jcBJPaHVuZ2FydW1sYXV0LnNtY3ALUmFjdXRlLnNtY3ARUmNvbW1hYWNjZW50LnNtY3ALUmNhcm9uLnNtY3ALU2FjdXRlLnNtY3AQU2NpcmN1bWZsZXguc21jcA1TY2VkaWxsYS5zbWNwC1NjYXJvbi5zbWNwC1RjYXJvbi5zbWNwC1V0aWxkZS5zbWNwDFVtYWNyb24uc21jcAtVYnJldmUuc21jcApVcmluZy5zbWNwElVodW5nYXJ1bWxhdXQuc21jcAxVb2dvbmVrLnNtY3AQV2NpcmN1bWZsZXguc21jcBBZY2lyY3VtZmxleC5zbWNwDllkaWVyZXNpcy5zbWNwC1phY3V0ZS5zbWNwD1pkb3RhY2NlbnQuc21jcAtaY2Fyb24uc21jcApBbHBoYXRvbm9zDEVwc2lsb250b25vcwhFdGF0b25vcwlJb3RhdG9ub3MMT21pY3JvbnRvbm9zDFVwc2lsb250b25vcwpPbWVnYXRvbm9zEWlvdGFkaWVyZXNpc3Rvbm9zBUFscGhhBEJldGEHRXBzaWxvbgRaZXRhA0V0YQRJb3RhBUthcHBhAk11Ak51B09taWNyb24DUmhvA1RhdQdVcHNpbG9uA0NoaQxJb3RhZGllcmVzaXMPVXBzaWxvbmRpZXJlc2lzCmFscGhhdG9ub3MMZXBzaWxvbnRvbm9zCGV0YXRvbm9zCWlvdGF0b25vcxR1cHNpbG9uZGllcmVzaXN0b25vcwVrYXBwYQdvbWljcm9uB3VuaTAzQkMCbnUDY2hpDGlvdGFkaWVyZXNpcw91cHNpbG9uZGllcmVzaXMMb21pY3JvbnRvbm9zDHVwc2lsb250b25vcwpvbWVnYXRvbm9zB3VuaTA0MDEHdW5pMDQwMwd1bmkwNDA1B3VuaTA0MDYHdW5pMDQwNwd1bmkwNDA4B3VuaTA0MUEHdW5pMDQwQwd1bmkwNDBFB3VuaTA0MTAHdW5pMDQxMgd1bmkwNDEzB3VuaTA0MTUHdW5pMDQxOQd1bmkwNDFDB3VuaTA0MUQHdW5pMDQxRQd1bmkwNDFGB3VuaTA0MjAHdW5pMDQyMQd1bmkwNDIyB3VuaTA0MjQHdW5pMDQyNQd1bmkwNDMwB3VuaTA0MzUHdW5pMDQzOQd1bmkwNDNFB3VuaTA0NDAHdW5pMDQ0MQd1bmkwNDQzB3VuaTA0NDUHdW5pMDQ1MQd1bmkwNDUzB3VuaTA0NTUHdW5pMDQ1Ngd1bmkwNDU3B3VuaTA0NTgHdW5pMDQ1Qwd1bmkwNDVFBldncmF2ZQZ3Z3JhdmUGV2FjdXRlBndhY3V0ZQlXZGllcmVzaXMJd2RpZXJlc2lzBllncmF2ZQZ5Z3JhdmUGbWludXRlBnNlY29uZAlleGNsYW1kYmwHdW5pMDFGMAd1bmkwMkJDB3VuaTFFM0UHdW5pMUUzRgd1bmkxRTAwB3VuaTFFMDEHdW5pMUY0RAd1bmkwNDAwB3VuaTA0MEQHdW5pMDQ1MAd1bmkwNDVEB3VuaTA0NzAHdW5pMDQ3MQd1bmkwNDc2B3VuaTA0NzcHdW5pMDQ5OAd1bmkwNDk5B3VuaTA0QUEHdW5pMDRBQgd1bmkwNEFFB3VuaTA0QUYHdW5pMDRDMAd1bmkwNEMxB3VuaTA0QzIHdW5pMDRDRgd1bmkwNEQwB3VuaTA0RDEHdW5pMDREMgd1bmkwNEQzB3VuaTA0RDQHdW5pMDRENQd1bmkwNEQ2B3VuaTA0RDcHdW5pMDREQQd1bmkwNEQ5B3VuaTA0REIHdW5pMDREQwd1bmkwNEREB3VuaTA0REUHdW5pMDRERgd1bmkwNEUyB3VuaTA0RTMHdW5pMDRFNAd1bmkwNEU1B3VuaTA0RTYHdW5pMDRFNwd1bmkwNEU4B3VuaTA0RTkHdW5pMDRFQQd1bmkwNEVCB3VuaTA0RUMHdW5pMDRFRAd1bmkwNEVFB3VuaTA0RUYHdW5pMDRGMAd1bmkwNEYxB3VuaTA0RjIHdW5pMDRGMwd1bmkwNEY0B3VuaTA0RjUHdW5pMDRGOAd1bmkwNEY5B3VuaTA0RkMHdW5pMDRGRAd1bmkwNTAxB3VuaTA1MTIHdW5pMDUxMwd1bmkxRUEwB3VuaTFFQTEHdW5pMUVBMgd1bmkxRUEzB3VuaTFFQTQHdW5pMUVBNQd1bmkxRUE2B3VuaTFFQTcHdW5pMUVBOAd1bmkxRUE5B3VuaTFFQUEHdW5pMUVBQgd1bmkxRUFDB3VuaTFFQUQHdW5pMUVBRQd1bmkxRUFGB3VuaTFFQjAHdW5pMUVCMQd1bmkxRUIyB3VuaTFFQjMHdW5pMUVCNAd1bmkxRUI1B3VuaTFFQjYHdW5pMUVCNwd1bmkxRUI4B3VuaTFFQjkHdW5pMUVCQQd1bmkxRUJCB3VuaTFFQkMHdW5pMUVCRAd1bmkxRUJFB3VuaTFFQkYHdW5pMUVDMAd1bmkxRUMxB3VuaTFFQzIHdW5pMUVDMwd1bmkxRUM0B3VuaTFFQzUHdW5pMUVDNgd1bmkxRUM3B3VuaTFFQzgHdW5pMUVDOQd1bmkxRUNBB3VuaTFFQ0IHdW5pMUVDQwd1bmkxRUNEB3VuaTFFQ0UHdW5pMUVDRgd1bmkxRUQwB3VuaTFFRDEHdW5pMUVEMgd1bmkxRUQzB3VuaTFFRDQHdW5pMUVENQd1bmkxRUQ2B3VuaTFFRDcHdW5pMUVEOAd1bmkxRUQ5B3VuaTFFREEHdW5pMUVEQgd1bmkxRURDB3VuaTFFREQHdW5pMUVERQd1bmkxRURGB3VuaTFFRTAHdW5pMUVFMQd1bmkxRUUyB3VuaTFFRTMHdW5pMUVFNAd1bmkxRUU1B3VuaTFFRTYHdW5pMUVFNwd1bmkxRUU4B3VuaTFFRTkHdW5pMUVFQQd1bmkxRUVCB3VuaTFFRUMHdW5pMUVFRAd1bmkxRUVFB3VuaTFFRUYHdW5pMUVGMAd1bmkxRUYxB3VuaTFFRjQHdW5pMUVGNQd1bmkxRUY2B3VuaTFFRjcHdW5pMUVGOAd1bmkxRUY5B3VuaTIwQUIHdW5pMDQ5QQd1bmkwNDlCB3VuaTA0QTIHdW5pMDRBMwd1bmkwNEFDB3VuaTA0QUQHdW5pMDRCMgd1bmkwNEIzB3VuaTA0QjYHdW5pMDRCNwd1bmkwNENCB3VuaTA0Q0MHdW5pMDRGNgd1bmkwNEY3B3VuaTA0OTYHdW5pMDQ5Nwd1bmkwNEJFB3VuaTA0QkYHdW5pMDRCQgd1bmkwNDhEB3VuaTA0OEMHdW5pMDQ2Mgd1bmkwNDkyB3VuaTA0OTMHdW5pMDQ5RQd1bmkwNDlGB3VuaTA0OEEHdW5pMDQ4Qgd1bmkwNEM5B3VuaTA0Q0EHdW5pMDRDRAd1bmkwNENFB3VuaTA0QzUHdW5pMDRDNgd1bmkwNEIwB3VuaTA0QjEHdW5pMDRGRQd1bmkwNEZGB3VuaTA1MTEHdW5pMjAxNQd1bmkwMDAyB3VuaTAwMDkAAAAAAQAB//8ADwABAAAADAAAAAAAAAACAAcAzADMAAEBIQEnAAEBWAFjAAEBeAF4AAEBfQF+AAEBgAGAAAEBkgGUAAEAAAABAAAACgAeACwAAURGTFQACAAEAAAAAP//AAEAAAABc21jcAAIAAAAAQAAAAEABAABAAAAAQAIAAIBvgDcAZwBnQGeAZ8BoAGhAaIBowGkAaUBpgGnAagBqQGqAcMBqwGsAa0BrgGvAbABsQGyAbMBtAGcAZ0BngGfAaABoQGiAaMBpAGlAaYBpwGoAakBqgHDAasBrAGtAa4BrwGwAbEBsgGzAbQBxQJ9AnwCfQJ+An4CfwKAAoECggKDAoQChQKGAocCiAKJAooCiwKMAo0CjgKPApACkQKSApMClAKVApYClwKYApkCfwKAAoECggKDAoQChQKGAocCiAKJAooCiwKMAo0CjgKPApACkQKSApMClAKVApYClwKYApkCywKaApoCmwKbApwCnAKdAp0CngKeAp8CnwKgAqACoQKhAqICogKjAqMCpAKkAqUCpQKmAqYCpwKnAqgCqAKpAqkCqgKqAqsCqwKsAqwCrQKtAq4CrwKvArACsAKxArECsgKyArMCswK0ArQCtQK1ArYCtgK3ArcCuAK4ArkCuQK6AroCuwK7ArwCvAK9Ar0CvgK+Ar8CvwLAAsACwQLBAl0CXQLCAsICwwLDAsQCxALFAsUCxgLGAscCxwLIAsgCyQLJAsoCygLLAswCzALNAs0CzgLOAnwAAgANACMAPAAAAEMAXAAaAIMAgwA0AIUAhQA1AcgByQA2AcsCDQA4AhACIQB7AiQCQgCNAkQCVQCsAlgCWQC+AlwCXADAAl4CdwDBA8MDwwDb)}html body :where([class*=flow--]:not([class*=flow--] [class*=flow--]):not(svg)){all:initial}html body :where([class*=flow--] [class*=flow--]){line-height:inherit;color:inherit;font:inherit}html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])){font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;line-height:var(--line-height--default);font-size:var(--size-rem--m);font-weight:var(--font-weight--normal);color:var(--content--color)}html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])),html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) *,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) :after,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) :before,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])):after,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])):before{box-sizing:border-box}html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])),html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) *{margin:0}html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) canvas,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) img,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) picture,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) svg,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) video{display:block;max-width:100%}html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) input,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) select,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) textarea{font:inherit}html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) h1,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) h2,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) h3,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) h4,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) h5,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) h6,html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) p{overflow-wrap:break-word}html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) ul{padding:0;list-style-type:none}html body :where([class*=flow--]:not([class*=flow--] [class*=flow--])) a{text-decoration:none;color:inherit}.flow--button-group--button-group-container{container-type:inline-size;display:block}.flow--button-group{grid-gap:var(--button-group--button-to-button-spacing);gap:var(--button-group--button-to-button-spacing);display:grid;grid-template-areas:"abort secondary primary";grid-auto-columns:1fr auto auto}.flow--button-group .flow--button-group--button.flow--button-group--secondary:last-child{grid-area:abort;justify-self:start}.flow--button-group .flow--button-group--button:first-child:not(.flow--button-group--secondary){grid-area:primary}@container (max-width: 550px){.flow--button-group{display:flex;flex-direction:column-reverse}.flow--button-group .flow--button-group--button{width:100%}}.flow--column-layout--column-layout-container{container-type:inline-size}.flow--column-layout{display:grid;grid-gap:var(--column-layout--content-to-content-spacing);gap:var(--column-layout--content-to-content-spacing);grid-template-columns:var(--column-layout--columns-l,1fr 1fr 1fr)}@container (max-width: 850px){.flow--column-layout{grid-template-columns:var(--column-layout--columns-m,1fr 1fr)}}@container (max-width: 550px){.flow--column-layout{grid-template-columns:var(--column-layout--columns-s,1fr)}}.flow--checkbox-group{order:2;display:flex;flex-direction:column;row-gap:var(--checkbox-group--checkbox-to-checkbox-spacing)}.flow--illustrated-message--illustrated-message-container{container-type:inline-size}.flow--illustrated-message{display:flex;flex-direction:column;align-items:center;padding:var(--illustrated-message--padding)}@container (max-width: 550px){.flow--illustrated-message{padding:var(--illustrated-message--padding--mobile)}}.flow--illustrated-message .flow--illustrated-message--icon{color:var(--illustrated-message--info-icon-color);margin-bottom:var(--illustrated-message--icon-to-heading-spacing);order:1}.flow--illustrated-message .flow--illustrated-message--heading{margin-bottom:var(--illustrated-message--heading-to-text-spacing);text-align:center;order:2}.flow--illustrated-message .flow--illustrated-message--text{margin-bottom:var(--illustrated-message--text-to-button-spacing);text-align:center;order:3}.flow--illustrated-message .flow--illustrated-message--button{order:4}.flow--illustrated-message.flow--illustrated-message--negative .flow--illustrated-message--icon{color:var(--illustrated-message--negative-icon-color)}.flow--illustrated-message.flow--illustrated-message--negative .flow--illustrated-message--heading{color:var(--illustrated-message--negative-heading-color)}.flow--field-description{color:var(--field-description--color);font-size:var(--field-description--font-size)}.flow--header-navigation ul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--header-navigation--item-to-item-spacing)}.flow--header-navigation li{list-style:none}.flow--header-navigation .flow--header-navigation--link{padding:var(--header-navigation--item-padding);border-radius:var(--header-navigation--item-corner-radius);color:var(--header-navigation--item-color);position:relative;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--header-navigation .flow--header-navigation--link :focus,.flow--header-navigation .flow--header-navigation--link[data-focused]{outline-style:none}.flow--header-navigation .flow--header-navigation--link :focus-visible,.flow--header-navigation .flow--header-navigation--link[data-focus-visible]{outline-style:auto}.flow--header-navigation .flow--header-navigation--link:hover:not([aria-current]){background-color:var(--header-navigation--item-background-color--hover)}.flow--header-navigation .flow--header-navigation--link[data-pressed]:not([aria-current]){background-color:var(--header-navigation--item-background-color--pressed)}.flow--header-navigation .flow--header-navigation--link[aria-current]{font-weight:var(--header-navigation--item-font-weight-current)}.flow--header-navigation .flow--header-navigation--link[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:var(--header-navigation--item-color);height:var(--header-navigation--item-underline-width-current)}.flow--header-navigation .flow--header-navigation--button{border-radius:var(--corner-radius--round)}.flow--header-navigation:not(.flow--header-navigation--inverse) .flow--header-navigation--button,.flow--header-navigation:not(.flow--header-navigation--inverse) .flow--header-navigation--button:hover,.flow--header-navigation:not(.flow--header-navigation--inverse) .flow--header-navigation--button[data-pressed]{color:var(--header-navigation--item-color)}.flow--header-navigation.flow--header-navigation--inverse .flow--header-navigation--link{color:var(--header-navigation--item-color-inverse)}.flow--header-navigation.flow--header-navigation--inverse .flow--header-navigation--link:hover:not([aria-current]){background-color:var(--header-navigation--item-background-color-inverse--hover)}.flow--header-navigation.flow--header-navigation--inverse .flow--header-navigation--link[data-pressed]:not([aria-current]){background-color:var(--header-navigation--item-background-color-inverse--pressed)}.flow--header-navigation.flow--header-navigation--inverse .flow--header-navigation--link[aria-current]:after{background-color:var(--header-navigation--item-color-inverse)}.flow--heading{font-family:ProximaNova,sans-serif;color:var(--heading--color);display:flex;column-gap:var(--heading--icon-to-text-spacing);font-size:var(--font-size)}.flow--heading .flow--heading--icon{height:calc(var(--font-size) * var(--line-height--default));width:var(--font-size)}.flow--heading.flow--heading--h1{--font-size:var(--heading--h1-font-size)}.flow--heading.flow--heading--h2{--font-size:var(--heading--h2-font-size)}.flow--heading.flow--heading--h3{--font-size:var(--heading--h3-font-size)}.flow--heading.flow--heading--h4{--font-size:var(--heading--h4-font-size)}.flow--heading.flow--heading--h5{--font-size:var(--heading--h5-font-size)}.flow--heading.flow--heading--h6{--font-size:var(--heading--h6-font-size)}@media (max-width:550px){.flow--heading.flow--heading--h1{--font-size:var(--heading--h1-font-size-mobile)}}.flow--status-icon,.flow--status-icon--info{color:var(--status-icon--info-color)}.flow--status-icon--warning{color:var(--status-icon--warning-color)}.flow--status-icon--danger{color:var(--status-icon--danger-color)}.flow--status-icon--success{color:var(--status-icon--success-color)}.flow--inline-alert{border-radius:var(--inline-alert--corner-radius);border-width:var(--inline-alert--border-width);border-style:var(--inline-alert--border-style);border-inline-start-width:var(--inline-alert--border-x-start-width);padding:var(--inline-alert--padding);display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--inline-alert--icon-to-heading-spacing);grid-row-gap:var(--inline-alert--heading-to-content-spacing);width:100%}.flow--inline-alert .flow--inline-alert--status-icon{grid-area:icon;height:calc(var(--heading--h3-font-size) * var(--line-height--default))}.flow--inline-alert .flow--inline-alert--heading{grid-area:heading}.flow--inline-alert .flow--inline-alert--content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;row-gap:var(--inline-alert--content-to-content-spacing)}.flow--inline-alert:not(:has(.flow--inline-alert--content)){grid-template-areas:"icon heading"}.flow--inline-alert:has(.flow--inline-alert--content){grid-template-areas:"icon heading" ". content"}.flow--inline-alert,.flow--inline-alert.flow--inline-alert--info{border-color:var(--inline-alert--info-border-color)}.flow--inline-alert .flow--inline-alert--heading,.flow--inline-alert.flow--inline-alert--info .flow--inline-alert--heading{color:var(--inline-alert--info-heading-color)}.flow--inline-alert.flow--inline-alert--warning{border-color:var(--inline-alert--warning-border-color)}.flow--inline-alert.flow--inline-alert--warning .flow--inline-alert--heading{color:var(--inline-alert--warning-heading-color)}.flow--inline-alert.flow--inline-alert--danger{border-color:var(--inline-alert--danger-border-color)}.flow--inline-alert.flow--inline-alert--danger .flow--inline-alert--heading{color:var(--inline-alert--danger-heading-color)}.flow--inline-alert.flow--inline-alert--success{border-color:var(--inline-alert--success-border-color)}.flow--inline-alert.flow--inline-alert--success .flow--inline-alert--heading{color:var(--inline-alert--success-heading-color)}.flow--labeled-value{display:grid;grid-template-areas:"label" "value";grid-row-gap:var(--labeled-value--label-to-value-spacing);row-gap:var(--labeled-value--label-to-value-spacing);grid-column-gap:var(--labeled-value--value-to-button-spacing);column-gap:var(--labeled-value--value-to-button-spacing)}.flow--labeled-value:has(.flow--labeled-value--button){grid-template-areas:"label label " "value button";grid-template-columns:auto 1fr}.flow--labeled-value .flow--labeled-value--label{grid-area:label}.flow--labeled-value .flow--labeled-value--button{grid-area:button;align-self:start;justify-self:start}.flow--layout-card{background-color:var(--layout-card--background-color);box-shadow:var(--layout-card--box-shadow);border-radius:var(--layout-card--corner-radius);padding:var(--layout-card--padding);overflow:hidden;display:block}.flow--layout-card>.flow--layout-card--tabs{margin-inline:calc(var(--layout-card--padding) * -1);-webkit-margin-before:calc(var(--layout-card--padding) * -1);margin-block-start:calc(var(--layout-card--padding) * -1)}.flow--tooltip{border-radius:var(--corner-radius--default);background-color:var(--tooltip--background-color);color:var(--tooltip--color);font-size:var(--tooltip--font-size);padding-block:var(--tooltip--padding-y);padding-inline:var(--tooltip--padding-x);max-width:var(--tooltip--max-width);transform:translateZ(0);--translate-origin-length:var(--tooltip--tooltip-to-content-spacing) /2}.flow--tooltip[data-placement=top]{margin-bottom:var(--tooltip--tooltip-to-content-spacing);--translate-origin:translateY(var(--translate-origin-length))}.flow--tooltip[data-placement=bottom]{margin-top:var(--tooltip--tooltip-to-content-spacing);--translate-origin:translateY(var(--translate-origin-length) * -1)}.flow--tooltip[data-placement=bottom] .flow--tooltip--arrow svg{transform:rotate(180deg)}.flow--tooltip[data-placement=right]{margin-left:var(--tooltip--tooltip-to-content-spacing);--translate-origin:translateX(var(--translate-origin-length) * -1)}.flow--tooltip[data-placement=right] .flow--tooltip--arrow svg{transform:rotate(90deg)}.flow--tooltip[data-placement=left]{margin-right:var(--tooltip--tooltip-to-content-spacing);--translate-origin:translateX(var(--translate-origin-length))}.flow--tooltip[data-placement=left] .flow--tooltip--arrow svg{transform:rotate(-90deg)}.flow--tooltip[data-entering]{animation:flow--tooltip--slide .2s}.flow--tooltip[data-exiting]{animation:flow--tooltip--slide .2s ease-in reverse}.flow--tooltip .flow--tooltip--arrow{width:var(--tooltip--arrow-size);height:var(--tooltip--arrow-size)}.flow--tooltip .flow--tooltip--arrow svg{display:block;fill:var(--tooltip--background-color)}@keyframes flow--tooltip--slide{0%{transform:var(--translate-origin);opacity:0}to{transform:translateY(0);opacity:1}}.flow--label{color:var(--label--color--default);font-size:var(--label--font-size);font-weight:var(--label--font-weight);line-height:var(--label--line-height)}.flow--modal>div{border-radius:var(--modal--corner-radius);background:var(--modal--background-color);max-height:calc(100dvh - var(--size-px--xxl));max-width:calc(100vw - var(--size-px--xxl));overflow:hidden}.flow--modal>div[data-entering]{animation:flow--modal--modal-zoom var(--transition--duration--slow) cubic-bezier(.1,.8,.3,1.2)}.flow--modal>div [role=dialog]{padding:var(--modal--padding);overflow:hidden;outline:none;display:grid;grid-template-areas:"content" "buttonGroup";grid-template-rows:1fr auto;height:100%;max-height:inherit}.flow--modal>div .flow--modal--button-group{margin-inline:calc(var(--modal--padding) * -1);margin-bottom:calc(var(--modal--padding) * -1);grid-area:buttonGroup;padding:var(--modal--button-group-padding);background-color:var(--modal--button-group-background-color);border-top:var(--modal--button-group-border-top-width) var(--modal--button-group-border-style) var(--modal--button-group-border-color)}.flow--modal>div .flow--modal--content{grid-area:content;overflow-x:hidden;overflow-y:auto;padding-bottom:var(--modal--padding-bottom);display:flex;flex-direction:column;row-gap:var(--section--content-to-content-spacing)}.flow--modal>div,.flow--modal>div.flow--modal--size-s{width:var(--modal--size--s)}.flow--modal>div.flow--modal--size-m{width:var(--modal--size--m)}.flow--modal>div.flow--modal--size-l{width:var(--modal--size--l)}@media (min-width:550px){.flow--modal.flow--modal--off-canvas{justify-content:flex-end}.flow--modal.flow--modal--off-canvas>div{border-top-right-radius:0;border-bottom-right-radius:0;height:100%;max-height:100%}.flow--modal.flow--modal--off-canvas>div[data-entering]{animation:flow--modal--modal-slide-in var(--transition--duration--slow)}}@media (max-width:550px){.flow--modal{overflow-y:auto;padding-top:var(--size-px--xxl)}.flow--modal>div{margin-top:auto;width:100%;max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:max-content}.flow--modal>div[data-entering]{animation:flow--modal--modal-slide-up var(--transition--duration--slow)}.flow--modal>div .flow--modal--content{overflow:visible}}@keyframes flow--modal--modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes flow--modal--modal-slide-up{0%{margin-bottom:-100px}to{margin-bottom:0}}@keyframes flow--modal--modal-slide-in{0%{margin-right:-100px}to{margin-right:0}}.flow--number-field--group{order:2;display:grid;grid-template-columns:1fr max-content;grid-template-areas:"input increment" "input decrement"}.flow--number-field--group .flow--number-field--input{border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2;grid-area:input}.flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--number-field--group .flow--number-field--input:hover{background-color:var(--form-control--background-color--hover)}.flow--number-field--group .flow--number-field--input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--number-field--group .flow--number-field--input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--number-field--group .flow--number-field--input:focus,.flow--number-field--group .flow--number-field--input:focus-visible{outline:none}.flow--number-field--group .flow--number-field--input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--number-field--group .flow--number-field--input:disabled,.flow--number-field--group .flow--number-field--input[data-disabled],[aria-disabled] .flow--number-field--group .flow--number-field--input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--number-field--group .flow--number-field--input:disabled::placeholder,.flow--number-field--group .flow--number-field--input[data-disabled]::placeholder,[aria-disabled] .flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--number-field--group .flow--number-field--decrement-button{grid-area:decrement}.flow--number-field--group .flow--number-field--increment-button{grid-area:increment}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{border-width:var(--form-control--border-width);border-color:var(--form-control--border-color--default);border-style:solid}.flow--number-field--group[aria-invalid] .flow--number-field--decrement-button,.flow--number-field--group[aria-invalid] .flow--number-field--increment-button{border-color:var(--form-control--border-color--invalid)}.flow--number-field--group[data-focus-within] .flow--number-field--decrement-button,.flow--number-field--group[data-focus-within] .flow--number-field--increment-button{border-color:var(--form-control--border-color--focused)}.flow--number-field--group[aria-disabled] .flow--number-field--decrement-button,.flow--number-field--group[aria-disabled] .flow--number-field--increment-button{border-color:var(--form-control--border-color--disabled)}@media (pointer:fine){.flow--number-field--group .flow--number-field--input{border-start-end-radius:0;border-end-end-radius:0}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{-webkit-border-start:none;border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0;padding-block:0}.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon{display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0}.flow--number-field--group .flow--number-field--increment-button{-webkit-border-after:none;border-block-end:none;border-end-end-radius:0}}@media (pointer:coarse){.flow--number-field--group{grid-template-columns:auto 1fr auto;grid-template-areas:"decrement input increment"}.flow--number-field--input{border-radius:0}.flow--number-field--decrement-button,.flow--number-field--increment-button{padding-inline:var(--form-control--padding-x)}.flow--number-field--decrement-button :not(.flow--number-field--touch-icon),.flow--number-field--increment-button :not(.flow--number-field--touch-icon){display:none}.flow--number-field--decrement-button{border-start-end-radius:0;border-end-end-radius:0;-webkit-border-end:none;border-inline-end:none}.flow--number-field--increment-button{border-start-start-radius:0;border-end-start-radius:0;-webkit-border-start:none;border-inline-start:none}}.flow--off-canvas.flow--off-canvas{justify-content:flex-end}.flow--off-canvas>div{border-radius:var(--off-canvas--corner-radius);background:var(--off-canvas--background-color);width:calc(100vw - var(--size-px--xxl));overflow:hidden;border-top-right-radius:0;border-bottom-right-radius:0;height:100%}.flow--off-canvas>div[data-entering]{animation:flow--off-canvas--off-canvas-slide-in var(--transition--duration--slow)}.flow--off-canvas>div[data-exiting]{animation:flow--off-canvas--off-canvas-slide-out var(--transition--duration--default) reverse ease-in}.flow--off-canvas>div [role=dialog]{padding:var(--off-canvas--padding);outline:none;height:100%;max-height:inherit;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.flow--off-canvas>div .flow--off-canvas--close-button{margin-top:calc(var(--size-px--m) * -1);margin-right:calc(var(--size-px--m) * -1);align-self:end}@keyframes flow--off-canvas--off-canvas-slide-in{0%{margin-right:-100px}to{margin-right:0}}@keyframes flow--off-canvas--off-canvas-slide-out{0%{margin-right:-100px}to{margin-right:0}}.flow--progress-bar{display:grid;grid-template-areas:"label value" "bar bar";grid-template-columns:1fr auto;grid-row-gap:var(--progress-bar--label-to-bar-spacing);row-gap:var(--progress-bar--label-to-bar-spacing);grid-column-gap:var(--progress-bar--label-to-value-spacing);column-gap:var(--progress-bar--label-to-value-spacing);width:100%;font-size:var(--progress-bar--font-size)}.flow--progress-bar .flow--progress-bar--label{grid-area:label}.flow--progress-bar .flow--progress-bar--value{grid-area:value;font-weight:var(--progress-bar--value-font-weight)}.flow--progress-bar .flow--progress-bar--bar{grid-area:bar;height:var(--progress-bar--bar-height);border-radius:var(--progress-bar--bar-border-radius);box-shadow:inset 0 0 0 var(--progress-bar--bar-border-width) var(--progress-bar--bar-border-color);overflow:hidden}.flow--progress-bar .flow--progress-bar--fill{height:100%}.flow--progress-bar .flow--progress-bar--size-s{font-size:var(--progress-bar--font-size-small)}.flow--progress-bar .flow--progress-bar--size-s .flow--progress-bar--bar{height:var(--progress-bar--bar-height-small)}.flow--progress-bar .flow--progress-bar--fill,.flow--progress-bar.flow--progress-bar--info .flow--progress-bar--fill{background:var(--progress-bar--info-fill-background-color)}.flow--progress-bar.flow--progress-bar--success .flow--progress-bar--fill{background:var(--progress-bar--success-fill-background-color)}.flow--progress-bar.flow--progress-bar--danger .flow--progress-bar--fill{background:var(--progress-bar--danger-fill-background-color)}.flow--progress-bar.flow--progress-bar--warning .flow--progress-bar--fill{background:var(--progress-bar--warning-fill-background-color)}.flow--section{display:flex;flex-direction:column;row-gap:var(--section--content-to-content-spacing);container-type:inline-size}.flow--section+.flow--section{-webkit-margin-before:var(--section--section-to-section-spacing);margin-block-start:var(--section--section-to-section-spacing);border-block-start-width:var(--section--border-width);border-block-start-style:var(--section--border-style);border-block-start-color:var(--section--border-color);-webkit-padding-before:var(--section--section-to-section-spacing);padding-block-start:var(--section--section-to-section-spacing)}.flow--section .flow--section--header{display:flex;gap:var(--section--heading-to-header-content-spacing);justify-content:space-between;align-items:flex-start}@container (max-width: 550px){.flow--section .flow--section--header{flex-direction:column}.flow--section .flow--section--header .flow--section--status-badge,.flow--section .flow--section--header .flow--section--switch{align-self:flex-end}}.flow--status-badge{font-size:var(--status-badge--font-size);font-weight:var(--status-badge--font-weight);border-radius:var(--status-badge--corner-radius);padding-inline:var(--status-badge--padding-x);padding-block:var(--status-badge--padding-y);display:flex;align-items:center;column-gap:var(--status-badge--icon-to-text-spacing);max-width:-moz-fit-content;max-width:fit-content}.flow--status-badge .flow--status-badge--text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow--status-badge,.flow--status-badge.flow--status-badge--info{color:var(--status-badge--info-content-color);background-color:var(--status-badge--info-background-color)}.flow--status-badge.flow--status-badge--success{color:var(--status-badge--success-content-color);background-color:var(--status-badge--success-background-color)}.flow--status-badge.flow--status-badge--warning{color:var(--status-badge--warning-content-color);background-color:var(--status-badge--warning-background-color)}.flow--status-badge.flow--status-badge--danger{color:var(--status-badge--danger-content-color);background-color:var(--status-badge--danger-background-color)}.flow--switch{display:flex;align-items:center;column-gap:var(--switch--label-to-track-spacing)}.flow--switch.flow--switch--label-leading{flex-direction:row-reverse}.flow--switch .flow--switch--track{width:var(--switch--track-width);height:var(--switch--track-height);background-color:var(--switch--track-background-color--default);border-radius:var(--switch--track-corner-radius);padding:var(--switch--track-padding);flex-shrink:0;position:relative;transition-property:background-color;transition-duration:var(--transition--duration--default);align-self:start;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--switch .flow--switch--track :focus,.flow--switch .flow--switch--track[data-focused]{outline-style:none}.flow--switch .flow--switch--track :focus-visible,.flow--switch .flow--switch--track[data-focus-visible]{outline-style:auto}.flow--switch .flow--switch--handle{display:flex;justify-content:center;align-items:center;width:var(--switch--handle-size);height:var(--switch--handle-size);background-color:var(--switch--handle-background-color);border-radius:var(--corner-radius--round);transition-property:transform;transition-duration:var(--transition--duration--default);transform:translate(0);position:absolute;top:var(--switch--track-padding);left:var(--switch--track-padding)}.flow--switch[data-focus-visible] .flow--switch--track{outline-style:solid}.flow--switch[data-selected] .flow--switch--track{background-color:var(--switch--track-background-color--selected)}.flow--switch[data-selected] .flow--switch--handle{transform:translate(100%)}.flow--switch[data-disabled] .flow--switch--track{background-color:var(--switch--track-background-color--disabled);color:var(--switch--track-background-color--disabled)}.flow--switch[data-disabled] .flow--switch--label{color:var(--label--color--disabled)}.flow--switch[data-disabled] .flow--switch--handle{color:var(--switch--handle-color--disabled)}.flow--text-area{resize:none;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--text-area::placeholder{color:var(--form-control--placeholder-color--default)}.flow--text-area:hover{background-color:var(--form-control--background-color--hover)}.flow--text-area[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--text-area:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--text-area:focus,.flow--text-area:focus-visible{outline:none}.flow--text-area[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--text-area:disabled,.flow--text-area[data-disabled],[aria-disabled] .flow--text-area{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--text-area:disabled::placeholder,.flow--text-area[data-disabled]::placeholder,[aria-disabled] .flow--text-area::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--text-field{border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--text-field::placeholder{color:var(--form-control--placeholder-color--default)}.flow--text-field:hover{background-color:var(--form-control--background-color--hover)}.flow--text-field[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--text-field:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--text-field:focus,.flow--text-field:focus-visible{outline:none}.flow--text-field[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--text-field:disabled,.flow--text-field[data-disabled],[aria-disabled] .flow--text-field{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--text-field:disabled::placeholder,.flow--text-field[data-disabled]::placeholder,[aria-disabled] .flow--text-field::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--avatar{border-radius:var(--corner-radius--round);width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;flex-shrink:0;background-color:var(--background-color);color:var(--content-color);display:flex;align-items:center;justify-content:center}.flow--avatar img{width:100%;height:100%;object-fit:cover}.flow--avatar .flow--avatar--icon{width:calc(var(--avatar-size) * .7);height:calc(var(--avatar-size) * .7)}.flow--avatar .flow--avatar--initials{font-size:calc(var(--avatar-size) * .4)}.flow--avatar,.flow--avatar.flow--avatar--size-m{--avatar-size:var(--avatar--size--m)}.flow--avatar.flow--avatar--size-xs{--avatar-size:var(--avatar--size--xs)}.flow--avatar.flow--avatar--size-s{--avatar-size:var(--avatar--size--s)}.flow--avatar.flow--avatar--size-l{--avatar-size:var(--avatar--size--l)}.flow--avatar,.flow--avatar.flow--avatar--variant-1{--background-color:var(--initials--variant-1-background-color);--content-color:var(--initials--variant-1-content-color);--content-accent-color:var( --initials--variant-1-content-accent-color )}.flow--avatar.flow--avatar--variant-2{--background-color:var(--initials--variant-2-background-color);--content-color:var(--initials--variant-2-content-color);--content-accent-color:var( --initials--variant-2-content-accent-color )}.flow--avatar.flow--avatar--variant-3{--background-color:var(--initials--variant-3-background-color);--content-color:var(--initials--variant-3-content-color);--content-accent-color:var( --initials--variant-3-content-accent-color )}.flow--avatar.flow--avatar--variant-4{--background-color:var(--initials--variant-4-background-color);--content-color:var(--initials--variant-4-content-color);--content-accent-color:var( --initials--variant-4-content-accent-color )}.flow--breadcrumb{display:flex;list-style:none;padding:0;align-items:center}.flow--breadcrumb .flow--breadcrumb--link{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-inline:var(--breadcrumb-item--padding-x);font-weight:var(--breadcrumb-item--font-weight--default)}.flow--breadcrumb .flow--breadcrumb--link :focus,.flow--breadcrumb .flow--breadcrumb--link[data-focused]{outline-style:none}.flow--breadcrumb .flow--breadcrumb--link :focus-visible,.flow--breadcrumb .flow--breadcrumb--link[data-focus-visible]{outline-style:auto}.flow--breadcrumb .flow--breadcrumb--link:hover{text-decoration:underline}.flow--breadcrumb .flow--breadcrumb--breadcrumb-item{color:var(--breadcrumb-item--color);font-size:var(--breadcrumb-item--font-size);display:flex;align-items:center;min-width:0}.flow--breadcrumb .flow--breadcrumb--breadcrumb-item:last-child .flow--breadcrumb--icon{display:none}.flow--breadcrumb .flow--breadcrumb--breadcrumb-item:last-child .flow--breadcrumb--link{text-decoration:none;font-weight:var(--breadcrumb-item--font-weight--current)}.flow--breadcrumb.flow--breadcrumb--inverse .flow--breadcrumb--breadcrumb-item{color:var(--breadcrumb-item--color-inverse)}.flow--initials{display:flex;font-weight:700}.flow--initials :nth-child(2n),.flow--initials :only-child{color:var(--content-accent-color)}.flow--menu-item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);cursor:default;align-items:center;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width)}.flow--menu-item,.flow--menu-item :focus,.flow--menu-item[data-focused]{outline-style:none}.flow--menu-item :focus-visible,.flow--menu-item[data-focus-visible]{outline-style:auto}.flow--menu-item .flow--menu-item--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--menu-item .flow--menu-item--text{order:1}.flow--menu-item .flow--menu-item--icon+.flow--menu-item--text{-webkit-margin-start:var(--menu-item--icon-to-text-spacing);margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--menu-item:hover{background-color:var(--menu-item--background-color--hover)}.flow--menu-item[data-focused]{outline-style:none}.flow--menu-item[data-focus-visible]{outline-style:solid}.flow--menu-item:not(:has(.flow--menu-item--control-icon))[aria-current],.flow--menu-item:not(:has(.flow--menu-item--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--menu-item[aria-current] .flow--menu-item--icon,.flow--menu-item[data-selected] .flow--menu-item--icon{color:var(--menu-item--icon-color--current)}.flow--menu-item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation ul{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--navigation .flow--navigation--item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);cursor:default;align-items:center;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--navigation .flow--navigation--item :focus,.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item :focus-visible,.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:auto}.flow--navigation .flow--navigation--item .flow--navigation--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--navigation .flow--navigation--item .flow--navigation--text{order:1}.flow--navigation .flow--navigation--item .flow--navigation--icon+.flow--navigation--text{-webkit-margin-start:var(--menu-item--icon-to-text-spacing);margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--navigation .flow--navigation--item:hover{background-color:var(--menu-item--background-color--hover)}.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:solid}.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[aria-current],.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--navigation .flow--navigation--item[aria-current] .flow--navigation--icon,.flow--navigation .flow--navigation--item[data-selected] .flow--navigation--icon{color:var(--menu-item--icon-color--current)}.flow--navigation .flow--navigation--item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation--navigation-group:not(:last-child){margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group .flow--navigation--navigation-group--label{display:block;margin-block:var(--menu--label-to-group-spacing)}.flow--radio-group{order:2;display:flex;flex-direction:column;row-gap:var(--radio-group--radio-to-radio-spacing)}.flow--radio-group--segmented-group{order:2;container-type:inline-size;isolation:isolate}.flow--radio-group--segmented-group .flow--radio-group--segments{display:flex;flex-wrap:nowrap;order:2}@container (max-width: 550px){.flow--radio-group--segmented-group .flow--radio-group--segments{flex-direction:column}}.flow--radio-group--segmented-group .flow--radio-group--segment{border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2;display:grid;flex:1 1;grid-column-gap:var(--segmented-control-group--icon-to-text-spacing);column-gap:var(--segmented-control-group--icon-to-text-spacing);border-radius:0;grid-template-areas:"label checkmark";grid-template-columns:1fr auto}.flow--radio-group--segmented-group .flow--radio-group--segment::placeholder{color:var(--form-control--placeholder-color--default)}.flow--radio-group--segmented-group .flow--radio-group--segment:hover{background-color:var(--form-control--background-color--hover)}.flow--radio-group--segmented-group .flow--radio-group--segment[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--radio-group--segmented-group .flow--radio-group--segment:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--radio-group--segmented-group .flow--radio-group--segment:focus,.flow--radio-group--segmented-group .flow--radio-group--segment:focus-visible{outline:none}.flow--radio-group--segmented-group .flow--radio-group--segment[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--radio-group--segmented-group .flow--radio-group--segment:disabled,.flow--radio-group--segmented-group .flow--radio-group--segment[data-disabled],[aria-disabled] .flow--radio-group--segmented-group .flow--radio-group--segment{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--radio-group--segmented-group .flow--radio-group--segment:disabled::placeholder,.flow--radio-group--segmented-group .flow--radio-group--segment[data-disabled]::placeholder,[aria-disabled] .flow--radio-group--segmented-group .flow--radio-group--segment::placeholder{color:var(--form-control--placeholder-color--disabled)}@container (min-width: 551px){.flow--radio-group--segmented-group .flow--radio-group--segment{margin-right:-1px}.flow--radio-group--segmented-group .flow--radio-group--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius)}.flow--radio-group--segmented-group .flow--radio-group--segment:last-of-type{border-start-end-radius:var(--form-control--corner-radius);border-end-end-radius:var(--form-control--corner-radius);margin:0}}@container (max-width: 550px){.flow--radio-group--segmented-group .flow--radio-group--segment{margin-bottom:-1px}.flow--radio-group--segmented-group .flow--radio-group--segment:first-of-type{border-start-start-radius:var(--form-control--corner-radius);border-start-end-radius:var(--form-control--corner-radius)}.flow--radio-group--segmented-group .flow--radio-group--segment:last-of-type{border-end-end-radius:var(--form-control--corner-radius);border-end-start-radius:var(--form-control--corner-radius);margin:0}}.flow--radio-group--segmented-group .flow--radio-group--segment .flow--radio-group--checkmark{grid-area:checkmark;display:none}.flow--radio-group--segmented-group .flow--radio-group--segment[data-selected]{z-index:1}.flow--radio-group--segmented-group .flow--radio-group--segment[data-selected] .flow--radio-group--checkmark{display:block}.flow--radio-group--radio-button{border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2;display:grid;grid-row-gap:var(--radio-button--text-to-text-spacing);row-gap:var(--radio-button--text-to-text-spacing);grid-column-gap:var(--radio-button--icon-to-text-spacing);column-gap:var(--radio-button--icon-to-text-spacing);border-radius:var(--form-control--corner-radius);grid-template-areas:"icon label";grid-template-columns:auto 1fr}.flow--radio-group--radio-button::placeholder{color:var(--form-control--placeholder-color--default)}.flow--radio-group--radio-button:hover{background-color:var(--form-control--background-color--hover)}.flow--radio-group--radio-button[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--radio-group--radio-button:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--radio-group--radio-button:focus,.flow--radio-group--radio-button:focus-visible{outline:none}.flow--radio-group--radio-button[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--radio-group--radio-button:disabled,.flow--radio-group--radio-button[data-disabled],[aria-disabled] .flow--radio-group--radio-button{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--radio-group--radio-button:disabled::placeholder,.flow--radio-group--radio-button[data-disabled]::placeholder,[aria-disabled] .flow--radio-group--radio-button::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--radio-group--radio-button.flow--radio-group--radio-button{width:auto}.flow--radio-group--radio-button:has(.flow--radio-group--radio-button--content){grid-template-areas:"icon label" ". content";grid-template-rows:auto 1fr}.flow--radio-group--radio-button:has(.flow--radio-group--radio-button--content) .flow--radio-group--radio-button--label{font-weight:var(--radio-button--label-font-weight-with-content)}.flow--radio-group--radio-button--label{grid-area:label}.flow--radio-group--radio-button--content{grid-area:content}.flow--radio-group--radio{display:grid;grid-column-gap:var(--radio--icon-to-text-spacing);column-gap:var(--radio--icon-to-text-spacing);grid-template-columns:auto 1fr;width:-moz-fit-content;width:fit-content;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--radio-group--radio :focus,.flow--radio-group--radio[data-focused]{outline-style:none}.flow--radio-group--radio :focus-visible,.flow--radio-group--radio[data-focus-visible]{outline-style:auto}.flow--radio-group--radio .flow--radio-group--radio--icon{color:var(--checkbox--icon-color--default)}.flow--radio-group--radio[data-selected] .flow--radio-group--radio--icon{color:var(--radio--icon-color--selected)}.flow--radio-group--radio[data-disabled]{color:var(--radio--color--disabled)}.flow--radio-group--radio[data-disabled] .flow--radio-group--radio--icon{color:var(--radio--icon-color--disabled)}.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size--default);border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus,.flow--select .flow--select--toggle:focus-visible{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);cursor:default;align-items:center;outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option :focus,.flow--select--option[data-focused]{outline-style:none}.flow--select--option :focus-visible,.flow--select--option[data-focus-visible]{outline-style:auto}.flow--select--option .flow--select--option--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--select--option .flow--select--option--text{order:1}.flow--select--option .flow--select--option--icon+.flow--select--option--text{-webkit-margin-start:var(--menu-item--icon-to-text-spacing);margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--tabs{display:flex;flex-direction:column}.flow--tabs .flow--tabs--list{background-color:var(--tab-list--background-color);display:flex;flex-direction:row}.flow--tabs--tab-list{background-color:var(--tab-list--background-color);position:relative;overflow-x:clip}.flow--tabs--tab-list .flow--tabs--tab-list--context-menu-button{align-self:center;margin:var(--size-px--s)}.flow--tabs--tab-list .flow--tabs--tab-list--titles{display:flex;flex-direction:row;justify-content:flex-start;width:-moz-fit-content;width:fit-content}.flow--tabs--tab-list.flow--tabs--tab-list--collapsed{display:flex;flex-direction:row;justify-content:space-between}.flow--tabs--tab-list.flow--tabs--tab-list--collapsed .flow--tabs--tab-list--titles{visibility:hidden;position:absolute;width:auto}.flow--tabs--tab-title{padding-inline:var(--tab--padding-x);padding-block:var(--tab--padding-y);background-color:var(--tab--background-color--default);color:var(--tab--color--default);cursor:default;white-space:nowrap;transition-property:color,background-color;transition-duration:var(--transition--duration--default);display:flex;align-items:center;column-gap:var(--tab--text-to-status-spacing);outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none;outline-offset:calc(var(--size-px--xs) * -1)}.flow--tabs--tab-title :focus,.flow--tabs--tab-title[data-focused]{outline-style:none}.flow--tabs--tab-title :focus-visible,.flow--tabs--tab-title[data-focus-visible]{outline-style:auto}.flow--tabs--tab-title:hover{background-color:var(--tab--background-color--hover)}.flow--tabs--tab-title[data-pressed]{background-color:var(--tab--background-color--pressed)}.flow--tabs--tab-title[aria-disabled=true]{color:var(--tab--disabled-color);background-color:var(--tab--disabled-background-color)}.flow--tabs--tab-title .flow--tabs--tab-title--text{display:flex;align-items:center;column-gap:var(--tab--text-to-status-spacing)}.flow--tabs--tab-list:not(:has(.flow--tabs--tab-title[data-selected])) .flow--tabs--tab-title:first-of-type:not([aria-disabled]),.flow--tabs--tab-list:not(:has(.flow--tabs--tab-title[data-selected])):has(.flow--tabs--tab-title[aria-disabled]) .flow--tabs--tab-title[aria-disabled]:first-of-type+.flow--tabs--tab-title,.flow--tabs--tab-title[data-selected]{background-color:var(--tab--background-color--selected);color:var(--tab--color--selected);font-weight:var(--tab--font-weight--selected)}.flow--tabs--tab-title--menu-item>span{display:flex;align-items:center;justify-content:space-between;column-gap:var(--tab--text-to-status-spacing);flex-grow:1}.flow--tabs--tab--tab-panel{opacity:0;height:0}.flow--tabs--tab--tab-panel[id]{padding:var(--tab-panel--padding);opacity:1;height:auto}.flow--list--header{display:flex;flex-direction:column;row-gap:var(--list--content-to-content-spacing)}.flow--list--header .flow--list--header--picker-list,.flow--list--header--active-filters{display:flex;column-gap:var(--list--content-to-content-spacing)}.flow--list--header--active-filters{flex-direction:row;row-gap:var(--list--content-to-content-spacing);flex-wrap:wrap;align-items:center}.flow--list--header--active-filters .flow--list--header--clear-button{-webkit-margin-start:auto;margin-inline-start:auto}.flow--list{display:flex;flex-direction:column;row-gap:var(--list--block-to-block-spacing)}.flow--list--items--item-list{display:flex;flex-direction:column;border-radius:var(--list-item--corner-radius);border-color:var(--list-item--border-color);border-width:var(--list-item--border-width);border-style:var(--list-item--border-style);overflow:hidden}.flow--list--items--item-list:empty{display:none}.flow--list--items--item-list.flow--list--items--is-loading{pointer-events:none;opacity:.5}.flow--list--items--item{--title-width:30ch;cursor:default;padding:var(--list-item--padding);background-color:var(--list-item--background-color--default);display:grid;grid-column-gap:var(--list-item--content-to-content-spacing);grid-template-areas:"avatar title content optionsButton" "avatar subtitle content optionsButton";grid-template-columns:auto var(--title-width) 1fr auto}.flow--list--items--item:not(:last-child){border-bottom:var(--list-item--border-width) var(--list-item--border-style) var(--list-item--border-color)}.flow--list--items--item:not(:has(.flow--list--items--options-button)){grid-template-areas:"avatar title content" "avatar subtitle content";grid-template-columns:auto var(--title-width) 1fr}.flow--list--items--item:not(:has(.flow--list--items--avatar)){grid-template-areas:"title content optionsButton" "subtitle content optionsButton";grid-template-columns:var(--title-width) 1fr auto}.flow--list--items--item:not(:has(.flow--list--items--avatar)):not(:has(.flow--list--items--options-button)){grid-template-areas:"title content" "subtitle content";grid-template-columns:var(--title-width) 1fr}.flow--list--items--item:not(:has(.flow--list--items--text)):not(:has(.flow--list--items--status-badge)){grid-template-areas:"avatar title content optionsButton"}.flow--list--items--item:not(:has(.flow--list--items--text)):not(:has(.flow--list--items--status-badge)):not(:has(.flow--list--items--avatar)){grid-template-areas:"title content optionsButton"}.flow--list--items--item:not(:has(.flow--list--items--text)):not(:has(.flow--list--items--status-badge)):not(:has(.flow--list--items--avatar)):not(:has(.flow--list--items--options-button)){grid-template-areas:"title content"}.flow--list--items--item:is(a){outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none;outline-offset:calc(var(--size-px--xs) * -1)}.flow--list--items--item:is(a) :focus,.flow--list--items--item:is(a)[data-focused]{outline-style:none}.flow--list--items--item:is(a) :focus-visible,.flow--list--items--item:is(a)[data-focus-visible]{outline-style:auto}.flow--list--items--item:is(a):hover{background-color:var(--list-item--background-color--hover)}.flow--list--items--item:is(a)[data-pressed]{background-color:var(--list-item--background-color--pressed)}.flow--list--items--item .flow--list--items--avatar{grid-area:avatar;align-self:center}.flow--list--items--item .flow--list--items--heading{grid-area:title;align-self:center}.flow--list--items--item .flow--list--items--text{grid-area:subtitle;font-size:var(--list-item--subtitle-font-size)}.flow--list--items--item .flow--list--items--status-badge{grid-area:subtitle}.flow--list--items--item .flow--list--items--content{grid-area:content}.flow--list--items--item .flow--list--items--options-button{grid-area:optionsButton;align-self:center}.flow--list--footer{font-size:var(--font-size--s);display:flex;flex-direction:column;align-items:center;row-gap:var(--list--content-to-content-spacing)}@media screen and (max-device-width:480px){body{-webkit-text-size-adjust:100%}}.layout_body__oiEIT{background-color:var(--neutral--color--300)}.layout_center__e1uqg{max-width:1500px;margin:0 auto;display:grid;min-height:100vh;grid-template-areas:"nav main" "footer . ";grid-template-columns:260px minmax(0,1fr);grid-template-rows:1fr auto;grid-gap:var(--size-px--l);padding-inline:var(--size-px--l)}.layout_header__ttTk7{display:flex;justify-content:space-between;align-items:center;max-width:1500px;margin:0 auto;padding:var(--size-px--m) var(--size-px--l);flex-wrap:wrap;gap:var(--size-rem--m)}.layout_header__ttTk7:before{content:"";display:block;top:0;left:0;right:0;height:250px;background:var(--primary--color--100);position:absolute;z-index:-1}.layout_logo__PcxmI{color:var(--heading--color)}.layout_betaBadge__Rtyuk{flex-shrink:0;-webkit-margin-end:auto;margin-inline-end:auto}.layout_mainNavigation__zVTd_{grid-area:nav}.layout_mobileNavigation__1XY9K{display:none}.layout_mobileNavigationOffCanvas__coBZM>div{max-width:400px}.layout_mobileNavigationOffCanvas__coBZM h2{display:none}.layout_main__30FUz{grid-area:main;display:flex;flex-direction:column;row-gap:var(--size-px--l)}@media(max-width:900px){.layout_center__e1uqg{grid-template-areas:"nav " "main ";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto}.layout_headerNavigation__SNRbw,.layout_mainNavigation__zVTd_{display:none}.layout_mobileNavigation__1XY9K{display:block}.layout_header__ttTk7{padding:var(--size-px--xs) var(--size-px--s);row-gap:var(--size-rem--s)}.layout_center__e1uqg{padding-inline:var(--size-px--s)}} \ No newline at end of file diff --git a/docs/302-accordion-component/_next/static/css/d50c39930972e921.css b/docs/302-accordion-component/_next/static/css/d50c39930972e921.css new file mode 100644 index 0000000000..2f09791640 --- /dev/null +++ b/docs/302-accordion-component/_next/static/css/d50c39930972e921.css @@ -0,0 +1 @@ +.Row_row__9MDh4{flex-direction:row;flex-wrap:wrap;column-gap:var(--size-rem--m)}.Column_column__uju9O,.Row_row__9MDh4{display:flex;row-gap:var(--size-rem--m)}.Column_column__uju9O{flex-direction:column;align-items:flex-start}.LiveCodeEditor_liveCodeEditor__fh4HJ{--border-color:var(--neutral--color--500);border:1px solid var(--border-color);border-radius:var(--corner-radius--default);background-color:var(--neutral--color--200);display:flex;flex-direction:column;overflow:hidden;justify-content:center;.LiveCodeEditor_editor__KuUVR pre{white-space:pre!important;overflow:hidden;padding:0!important;background-color:var(--neutral--color--300)!important}}.LiveCodeEditor_preview__2V2Kl{padding:var(--size-px--l)}.LiveCodeEditor_inverse__k0tjd{background-color:var(--primary--color--1000)}.LiveCodeEditor_editorContainer__dsY4x{overflow:scroll}.LiveCodeEditor_toggleCode__l23c6{width:100%}.LiveCodeEditor_editor__KuUVR{font-family:monospace;min-width:min-content;border-top:1px solid var(--border-color);display:grid;grid-template-rows:1fr;visibility:visible;transition-property:grid-template-rows,visibility,padding;transition-duration:var(--transition--duration--slow);padding:var(--size-px--m);background-color:var(--neutral--color--300)!important;&.LiveCodeEditor_collapsed__bp_8l{grid-template-rows:0fr;visibility:hidden;padding-block:0}}.LiveCodeEditor_actions__nErUJ{padding:var(--size-px--xs);-webkit-margin-before:auto;margin-block-start:auto;background-color:var(--neutral--color--300);border-top:1px solid var(--border-color);display:flex;justify-content:center}.customComponents_code__kzJRU{background-color:var(--neutral--color--300);border-radius:var(--corner-radius--default);padding-inline:var(--size-px--xs);display:inline-block}.customComponents_pre__kLHsU{padding:var(--size-px--s) var(--size-px--m);overflow:auto;display:block}.customComponents_preContainer__fE5Ry{background-color:var(--neutral--color--300);border-radius:var(--corner-radius--default);position:relative;min-width:0;padding-right:var(--size-px--xl)}.customComponents_preCopyButton__T_WNi{position:absolute;top:var(--size-px--s);right:var(--size-px--s)}.customComponents_ul__VZ8qb{list-style-type:disc;padding-left:var(--size-rem--m);margin-block:1.5em}.customComponents_hr__JSHwn{margin-block:var(--size-px--m);border:0;border-top:var(--border-width--100) solid var(--neutral--color--500)} \ No newline at end of file diff --git a/docs/302-accordion-component/index.html b/docs/302-accordion-component/index.html index 2efe1cce0e..f9fa14a5ea 100644 --- a/docs/302-accordion-component/index.html +++ b/docs/302-accordion-component/index.html @@ -1 +1 @@ -Flow – mittwald Design System \ No newline at end of file +Flow – mittwald Design System \ No newline at end of file diff --git a/docs/302-accordion-component/index.txt b/docs/302-accordion-component/index.txt index 420d98c2d3..12ca39d133 100644 --- a/docs/302-accordion-component/index.txt +++ b/docs/302-accordion-component/index.txt @@ -1,20 +1,20 @@ -0:["_v7z8Hzq1hHOD71eKafw6",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,"$L3",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/8678d7edcff22532.css","precedence":"next","crossOrigin":""}]],"$L4"]]]] +0:["_3tox7u5vn_9N17XbwCjl",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,"$L3",null]],[[["$","link","0",{"rel":"stylesheet","href":"/flow-previews/docs/302-accordion-component/_next/static/css/432df106628dda9d.css","precedence":"next","crossOrigin":""}]],"$L4"]]]] 2:E{"digest":"NEXT_REDIRECT;replace;01-getting-started/installation;307;"} -5:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"LinkProvider"] -6:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMittwald"] -7:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -8:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -9:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -19:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"HeaderNavigation"] -1a:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OverlayTrigger"] -1b:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"Button"] -1c:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"IconMenu"] -1d:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],"OffCanvas"] -1e:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],"Section"] -105:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-f45453c84d136539.js","185","static/chunks/app/layout-c28d3de1ebdf9b77.js"],""] -132:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-f45453c84d136539.js","877","static/chunks/app/%5B...slug%5D/page-6bad9f240fda36f6.js"],""] -133:I[13918,[],""] -134:I[15964,[],""] +5:I[93667,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"LinkProvider"] +6:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMittwald"] +7:I[19018,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +8:I[45582,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +9:I[22522,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +19:I[6835,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"HeaderNavigation"] +1a:I[90783,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OverlayTrigger"] +1b:I[70569,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"Button"] +1c:I[85861,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"IconMenu"] +1d:I[98122,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],"OffCanvas"] +1e:I[12501,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],"Section"] +10a:I[27816,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","245","static/chunks/245-4725c516923b0221.js","485","static/chunks/485-8ee79e735d3c7c4d.js","185","static/chunks/app/layout-d439804b356cf774.js"],""] +138:I[44104,["737","static/chunks/ce067a8a-ae061a8ecb7fec4f.js","802","static/chunks/d709487a-06b639cf16f12995.js","245","static/chunks/245-4725c516923b0221.js","8","static/chunks/8-de1584526678a70f.js","485","static/chunks/485-8ee79e735d3c7c4d.js","877","static/chunks/app/%5B...slug%5D/page-07ae505c6ab5f806.js"],""] +139:I[13918,[],""] +13a:I[15964,[],""] a:Tbf3,/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; @@ -1532,65 +1532,70 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; 6a:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$6b","scope":"$6c"} 6d:{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"} 6e:["02-components","content","labeled-value"] -70:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} +70:{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."} 71:{} 6f:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$70","scope":"$71"} -72:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} -73:["02-components","content","text"] -75:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} +72:{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"} +73:["02-components","content","skeleton"] +75:{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."} 76:{} 74:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$75","scope":"$76"} -77:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -78:["02-components","form-controls","checkbox-button"] -7a:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} +77:{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"} +78:["02-components","content","text"] +7a:{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."} 7b:{} 79:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7a","scope":"$7b"} -7c:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} -7d:["02-components","form-controls","checkbox-group"] -7f:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} +7c:{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +7d:["02-components","form-controls","checkbox-button"] +7f:{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"} 80:{} 7e:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$7f","scope":"$80"} -81:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} -82:["02-components","form-controls","checkbox"] -84:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} +81:{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"} +82:["02-components","form-controls","checkbox-group"] +84:{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."} 85:{} 83:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$84","scope":"$85"} -86:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} -87:["02-components","form-controls","number-field"] -89:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} +86:{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"} +87:["02-components","form-controls","checkbox"] +89:{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."} 8a:{} 88:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$89","scope":"$8a"} -8b:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n    ;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} -8c:["02-components","form-controls","radio-group"] -8e:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} +8b:{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"} +8c:["02-components","form-controls","number-field"] +8e:{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."} 8f:{} 8d:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$8e","scope":"$8f"} -90:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} -91:["02-components","form-controls","select"] -93:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} +90:{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n    ;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"} +91:["02-components","form-controls","radio-group"] +93:{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."} 94:{} 92:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$93","scope":"$94"} -95:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} -96:["02-components","form-controls","switch"] -98:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} +95:{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"} +96:["02-components","form-controls","select"] +98:{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."} 99:{} 97:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$98","scope":"$99"} -9a:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} -9b:["02-components","form-controls","text-area"] -9d:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} +9a:{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"} +9b:["02-components","form-controls","switch"] +9d:{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."} 9e:{} 9c:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$9d","scope":"$9e"} -9f:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} -a0:["02-components","form-controls","text-field"] -a2:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} +9f:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"} +a0:["02-components","form-controls","text-area"] +a2:{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."} a3:{} a1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a2","scope":"$a3"} -a4:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} -a5:["02-components","navigation","breadcrumb"] -a7:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +a4:{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"} +a5:["02-components","form-controls","text-field"] +a7:{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."} a8:{} a6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$a7","scope":"$a8"} -aa:T50e,import Button from "@mittwald/flow-react-components/Button"; +a9:{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"} +aa:["02-components","navigation","breadcrumb"] +ac:{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."} +ad:{} +ab:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ac","scope":"$ad"} +af:T50e,import Button from "@mittwald/flow-react-components/Button"; import HeaderNavigation from "@mittwald/flow-react-components/HeaderNavigation"; import { IconLogout, @@ -1638,22 +1643,22 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; ; -a9:{"contextMenu":"$aa","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} -ab:["02-components","navigation","header-navigation"] -ad:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} -ae:{} -ac:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ad","scope":"$ae"} -af:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} -b0:["02-components","navigation","link"] -b2:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} +ae:{"contextMenu":"$af","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"} +b0:["02-components","navigation","header-navigation"] +b2:{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."} b3:{} b1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b2","scope":"$b3"} -b4:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} -b5:["02-components","navigation","navigation"] -b7:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +b4:{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"} +b5:["02-components","navigation","link"] +b7:{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."} b8:{} b6:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$b7","scope":"$b8"} -ba:T5cf,import Tabs, { +b9:{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"} +ba:["02-components","navigation","navigation"] +bc:{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."} +bd:{} +bb:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bc","scope":"$bd"} +bf:T5cf,import Tabs, { Tab, TabTitle, } from "@mittwald/flow-react-components/Tabs"; @@ -1702,12 +1707,12 @@ import Switch from "@mittwald/flow-react-components/Switch"; ; -b9:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$ba","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} -bb:["02-components","navigation","tabs"] -bd:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} -be:{} -bc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$bd","scope":"$be"} -c0:T552,import Modal from "@mittwald/flow-react-components/Modal"; +be:{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$bf","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"} +c0:["02-components","navigation","tabs"] +c2:{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."} +c3:{} +c1:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c2","scope":"$c3"} +c5:T552,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1743,7 +1748,7 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c1:T55c,import Modal from "@mittwald/flow-react-components/Modal"; +c6:T55c,import Modal from "@mittwald/flow-react-components/Modal"; import Content from "@mittwald/flow-react-components/Content"; import Text from "@mittwald/flow-react-components/Text"; import TextField from "@mittwald/flow-react-components/TextField"; @@ -1779,12 +1784,12 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -bf:{"default":"$c0","offCanvas":"$c1"} -c2:["02-components","overlays","modal"] -c4:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} -c5:{} -c3:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c4","scope":"$c5"} -c7:T480,import Text from "@mittwald/flow-react-components/Text"; +c4:{"default":"$c5","offCanvas":"$c6"} +c7:["02-components","overlays","modal"] +c9:{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"} +ca:{} +c8:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$c9","scope":"$ca"} +cc:T480,import Text from "@mittwald/flow-react-components/Text"; import Button from "@mittwald/flow-react-components/Button"; import OffCanvas from "@mittwald/flow-react-components/OffCanvas"; import { @@ -1823,17 +1828,17 @@ import { OverlayTrigger } from "@mittwald/flow-react-components/OverlayTrigger"; ; -c6:{"default":"$c7"} -c8:["02-components","overlays","off-canvas"] -ca:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} -cb:{} -c9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ca","scope":"$cb"} -cc:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} -cd:["02-components","overlays","tooltip"] -cf:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +cb:{"default":"$cc"} +cd:["02-components","overlays","off-canvas"] +cf:{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."} d0:{} ce:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$cf","scope":"$d0"} -d2:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; +d1:{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"} +d2:["02-components","overlays","tooltip"] +d4:{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."} +d5:{} +d3:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d4","scope":"$d5"} +d7:T513,import InlineAlert from "@mittwald/flow-react-components/InlineAlert"; import Heading from "@mittwald/flow-react-components/Heading"; import Content from "@mittwald/flow-react-components/Content"; @@ -1876,47 +1881,47 @@ import Content from "@mittwald/flow-react-components/Content"; ; -d1:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d2","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} -d3:["02-components","status","inline-alert"] -d5:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} -d6:{} -d4:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$d5","scope":"$d6"} -d7:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} -d8:["02-components","status","loading-spinner"] -da:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} +d6:{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$d7","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"} +d8:["02-components","status","inline-alert"] +da:{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."} db:{} d9:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$da","scope":"$db"} -dc:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} -dd:["02-components","status","progress-bar"] -df:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} +dc:{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"} +dd:["02-components","status","loading-spinner"] +df:{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."} e0:{} de:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$df","scope":"$e0"} -e1:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} -e2:["02-components","status","status-badge"] -e4:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} +e1:{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"} +e2:["02-components","status","progress-bar"] +e4:{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."} e5:{} e3:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e4","scope":"$e5"} -e6:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} -e7:["02-components","status","status-icon"] -e9:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} +e6:{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"} +e7:["02-components","status","status-badge"] +e9:{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"} ea:{} e8:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$e9","scope":"$ea"} -eb:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} -ec:["02-components","structure","accordion"] -ee:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} +eb:{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"} +ec:["02-components","status","status-icon"] +ee:{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."} ef:{} -ed:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ee","scope":"$ef"} -f0:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} -f1:["02-components","structure","column-layout"] -f3:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} +ed:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$ee","scope":"$ef"} +f0:{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"} +f1:["02-components","structure","accordion"] +f3:{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."} f4:{} -f2:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f3","scope":"$f4"} -f5:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} -f6:["02-components","structure","layout-card"] -f8:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +f2:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f3","scope":"$f4"} +f5:{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"} +f6:["02-components","structure","column-layout"] +f8:{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"} f9:{} -f7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f8","scope":"$f9"} -fb:T653,import List, { +f7:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$f8","scope":"$f9"} +fa:{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"} +fb:["02-components","structure","layout-card"] +fd:{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."} +fe:{} +fc:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$fd","scope":"$fe"} +100:T653,import List, { ListFilter, ListItemView, ListSorting, @@ -1972,7 +1977,7 @@ import MenuItem from "@mittwald/flow-react-components/MenuItem"; )} ; -fc:T547,import List, { +101:T547,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2020,7 +2025,7 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fd:T591,import List, { +102:T591,import List, { ListItemView, ListStaticData, } from "@mittwald/flow-react-components/List"; @@ -2069,12 +2074,12 @@ import StatusBadge from "@mittwald/flow-react-components/StatusBadge"; )} ; -fa:{"default":"$fb","main":"$fc","withLink":"$fd"} -fe:["02-components","structure","list"] -100:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} -101:{} -ff:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$100","scope":"$101"} -103:T42a,import Heading from "@mittwald/flow-react-components/Heading"; +ff:{"default":"$100","main":"$101","withLink":"$102"} +103:["02-components","structure","list"] +105:{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"} +106:{} +104:{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":"$105","scope":"$106"} +108:T42a,import Heading from "@mittwald/flow-react-components/Heading"; import Text from "@mittwald/flow-react-components/Text"; import Link from "@mittwald/flow-react-components/Link"; import Section from "@mittwald/flow-react-components/Section"; @@ -2106,52 +2111,53 @@ import { IconMember } from "@mittwald/flow-react-components/Icons"; Newsletter abonnieren ; -102:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$103","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"} -104:["02-components","structure","section"] -107:{"mdxSource":"$1f","examples":"$23","slugs":"$24","filename":"01-getting-started/installation/index.mdx"} -108:{"mdxSource":"$25","examples":"$29","slugs":"$2a","filename":"01-getting-started/stylesheet/index.mdx"} -109:{"mdxSource":"$2b","examples":"$2e","slugs":"$30","filename":"02-components/actions/action/index.mdx"} -10a:{"mdxSource":"$31","examples":"$34","slugs":"$35","filename":"02-components/actions/button-group/index.mdx"} -10b:{"mdxSource":"$36","examples":"$39","slugs":"$3a","filename":"02-components/actions/button/index.mdx"} -10c:{"mdxSource":"$3b","examples":"$3e","slugs":"$3f","filename":"02-components/actions/context-menu/index.mdx"} -10d:{"mdxSource":"$40","examples":"$43","slugs":"$44","filename":"02-components/actions/copy-button/index.mdx"} -10e:{"mdxSource":"$45","examples":"$48","slugs":"$49","filename":"02-components/content/avatar/index.mdx"} -10f:{"mdxSource":"$4a","examples":"$4d","slugs":"$4e","filename":"02-components/content/heading/index.mdx"} -110:{"mdxSource":"$4f","examples":"$52","slugs":"$55","filename":"02-components/content/icon/index.mdx"} -111:{"mdxSource":"$56","examples":"$59","slugs":"$5a","filename":"02-components/content/illustrated-message/index.mdx"} -112:{"mdxSource":"$5b","examples":"$5e","slugs":"$5f","filename":"02-components/content/image/index.mdx"} -113:{"mdxSource":"$60","examples":"$63","slugs":"$64","filename":"02-components/content/inline-code/index.mdx"} -114:{"mdxSource":"$65","examples":"$68","slugs":"$69","filename":"02-components/content/label/index.mdx"} -115:{"mdxSource":"$6a","examples":"$6d","slugs":"$6e","filename":"02-components/content/labeled-value/index.mdx"} -116:{"mdxSource":"$6f","examples":"$72","slugs":"$73","filename":"02-components/content/text/index.mdx"} -117:{"mdxSource":"$74","examples":"$77","slugs":"$78","filename":"02-components/form-controls/checkbox-button/index.mdx"} -118:{"mdxSource":"$79","examples":"$7c","slugs":"$7d","filename":"02-components/form-controls/checkbox-group/index.mdx"} -119:{"mdxSource":"$7e","examples":"$81","slugs":"$82","filename":"02-components/form-controls/checkbox/index.mdx"} -11a:{"mdxSource":"$83","examples":"$86","slugs":"$87","filename":"02-components/form-controls/number-field/index.mdx"} -11b:{"mdxSource":"$88","examples":"$8b","slugs":"$8c","filename":"02-components/form-controls/radio-group/index.mdx"} -11c:{"mdxSource":"$8d","examples":"$90","slugs":"$91","filename":"02-components/form-controls/select/index.mdx"} -11d:{"mdxSource":"$92","examples":"$95","slugs":"$96","filename":"02-components/form-controls/switch/index.mdx"} -11e:{"mdxSource":"$97","examples":"$9a","slugs":"$9b","filename":"02-components/form-controls/text-area/index.mdx"} -11f:{"mdxSource":"$9c","examples":"$9f","slugs":"$a0","filename":"02-components/form-controls/text-field/index.mdx"} -120:{"mdxSource":"$a1","examples":"$a4","slugs":"$a5","filename":"02-components/navigation/breadcrumb/index.mdx"} -121:{"mdxSource":"$a6","examples":"$a9","slugs":"$ab","filename":"02-components/navigation/header-navigation/index.mdx"} -122:{"mdxSource":"$ac","examples":"$af","slugs":"$b0","filename":"02-components/navigation/link/index.mdx"} -123:{"mdxSource":"$b1","examples":"$b4","slugs":"$b5","filename":"02-components/navigation/navigation/index.mdx"} -124:{"mdxSource":"$b6","examples":"$b9","slugs":"$bb","filename":"02-components/navigation/tabs/index.mdx"} -125:{"mdxSource":"$bc","examples":"$bf","slugs":"$c2","filename":"02-components/overlays/modal/index.mdx"} -126:{"mdxSource":"$c3","examples":"$c6","slugs":"$c8","filename":"02-components/overlays/off-canvas/index.mdx"} -127:{"mdxSource":"$c9","examples":"$cc","slugs":"$cd","filename":"02-components/overlays/tooltip/index.mdx"} -128:{"mdxSource":"$ce","examples":"$d1","slugs":"$d3","filename":"02-components/status/inline-alert/index.mdx"} -129:{"mdxSource":"$d4","examples":"$d7","slugs":"$d8","filename":"02-components/status/loading-spinner/index.mdx"} -12a:{"mdxSource":"$d9","examples":"$dc","slugs":"$dd","filename":"02-components/status/progress-bar/index.mdx"} -12b:{"mdxSource":"$de","examples":"$e1","slugs":"$e2","filename":"02-components/status/status-badge/index.mdx"} -12c:{"mdxSource":"$e3","examples":"$e6","slugs":"$e7","filename":"02-components/status/status-icon/index.mdx"} -12d:{"mdxSource":"$e8","examples":"$eb","slugs":"$ec","filename":"02-components/structure/accordion/index.mdx"} -12e:{"mdxSource":"$ed","examples":"$f0","slugs":"$f1","filename":"02-components/structure/column-layout/index.mdx"} -12f:{"mdxSource":"$f2","examples":"$f5","slugs":"$f6","filename":"02-components/structure/layout-card/index.mdx"} -130:{"mdxSource":"$f7","examples":"$fa","slugs":"$fe","filename":"02-components/structure/list/index.mdx"} -131:{"mdxSource":"$ff","examples":"$102","slugs":"$104","filename":"02-components/structure/section/index.mdx"} -106:["$107","$108","$109","$10a","$10b","$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131"] -3:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L5",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L6",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$L7",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$L8",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$L9",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$a","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$b","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$c","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$d","functional":"$e","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$f","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$10","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$11","offCanvas":"$12"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$13"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$14","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$15","main":"$16","withLink":"$17"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$18","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L19",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1a",null,{"children":[["$","$L1b",null,{"color":"secondary","variant":"plain","children":["$","$L1c",null,{}]}],["$","$L1d",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L1e",null,{"children":[["$","$L9",null,{"docs":[{"mdxSource":"$1f","examples":"$23","slugs":"$24","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$25","examples":"$29","slugs":"$2a","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2b","examples":"$2e","slugs":"$30","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$31","examples":"$34","slugs":"$35","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$36","examples":"$39","slugs":"$3a","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3b","examples":"$3e","slugs":"$3f","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$40","examples":"$43","slugs":"$44","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$45","examples":"$48","slugs":"$49","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4a","examples":"$4d","slugs":"$4e","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$4f","examples":"$52","slugs":"$55","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$56","examples":"$59","slugs":"$5a","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5b","examples":"$5e","slugs":"$5f","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$60","examples":"$63","slugs":"$64","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$65","examples":"$68","slugs":"$69","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6a","examples":"$6d","slugs":"$6e","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$6f","examples":"$72","slugs":"$73","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$74","examples":"$77","slugs":"$78","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$79","examples":"$7c","slugs":"$7d","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$7e","examples":"$81","slugs":"$82","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$83","examples":"$86","slugs":"$87","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$88","examples":"$8b","slugs":"$8c","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$8d","examples":"$90","slugs":"$91","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$92","examples":"$95","slugs":"$96","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$97","examples":"$9a","slugs":"$9b","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9c","examples":"$9f","slugs":"$a0","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a1","examples":"$a4","slugs":"$a5","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a6","examples":"$a9","slugs":"$ab","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$ac","examples":"$af","slugs":"$b0","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b1","examples":"$b4","slugs":"$b5","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b6","examples":"$b9","slugs":"$bb","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bc","examples":"$bf","slugs":"$c2","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c3","examples":"$c6","slugs":"$c8","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$c9","examples":"$cc","slugs":"$cd","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$ce","examples":"$d1","slugs":"$d3","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d4","examples":"$d7","slugs":"$d8","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$d9","examples":"$dc","slugs":"$dd","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$de","examples":"$e1","slugs":"$e2","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e3","examples":"$e6","slugs":"$e7","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$e8","examples":"$eb","slugs":"$ec","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$ed","examples":"$f0","slugs":"$f1","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f2","examples":"$f5","slugs":"$f6","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$f7","examples":"$fa","slugs":"$fe","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$104","filename":"02-components/structure/section/index.mdx"}]}],["$","$L105",null,{"docs":"$106"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L132",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L105",null,{"docs":[{"mdxSource":"$1f","examples":"$23","slugs":"$24","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$25","examples":"$29","slugs":"$2a","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2b","examples":"$2e","slugs":"$30","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$31","examples":"$34","slugs":"$35","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$36","examples":"$39","slugs":"$3a","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3b","examples":"$3e","slugs":"$3f","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$40","examples":"$43","slugs":"$44","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$45","examples":"$48","slugs":"$49","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4a","examples":"$4d","slugs":"$4e","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$4f","examples":"$52","slugs":"$55","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$56","examples":"$59","slugs":"$5a","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5b","examples":"$5e","slugs":"$5f","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$60","examples":"$63","slugs":"$64","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$65","examples":"$68","slugs":"$69","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6a","examples":"$6d","slugs":"$6e","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$6f","examples":"$72","slugs":"$73","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$74","examples":"$77","slugs":"$78","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$79","examples":"$7c","slugs":"$7d","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$7e","examples":"$81","slugs":"$82","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$83","examples":"$86","slugs":"$87","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$88","examples":"$8b","slugs":"$8c","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$8d","examples":"$90","slugs":"$91","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$92","examples":"$95","slugs":"$96","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$97","examples":"$9a","slugs":"$9b","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$9c","examples":"$9f","slugs":"$a0","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a1","examples":"$a4","slugs":"$a5","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$a6","examples":"$a9","slugs":"$ab","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$ac","examples":"$af","slugs":"$b0","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b1","examples":"$b4","slugs":"$b5","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$b6","examples":"$b9","slugs":"$bb","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$bc","examples":"$bf","slugs":"$c2","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c3","examples":"$c6","slugs":"$c8","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$c9","examples":"$cc","slugs":"$cd","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$ce","examples":"$d1","slugs":"$d3","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d4","examples":"$d7","slugs":"$d8","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$d9","examples":"$dc","slugs":"$dd","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$de","examples":"$e1","slugs":"$e2","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e3","examples":"$e6","slugs":"$e7","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$e8","examples":"$eb","slugs":"$ec","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$ed","examples":"$f0","slugs":"$f1","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f2","examples":"$f5","slugs":"$f6","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$f7","examples":"$fa","slugs":"$fe","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$ff","examples":"$102","slugs":"$104","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L133",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L134",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] +107:{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$108","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"} +109:["02-components","structure","section"] +10c:{"mdxSource":"$1f","examples":"$23","slugs":"$24","filename":"01-getting-started/installation/index.mdx"} +10d:{"mdxSource":"$25","examples":"$29","slugs":"$2a","filename":"01-getting-started/stylesheet/index.mdx"} +10e:{"mdxSource":"$2b","examples":"$2e","slugs":"$30","filename":"02-components/actions/action/index.mdx"} +10f:{"mdxSource":"$31","examples":"$34","slugs":"$35","filename":"02-components/actions/button-group/index.mdx"} +110:{"mdxSource":"$36","examples":"$39","slugs":"$3a","filename":"02-components/actions/button/index.mdx"} +111:{"mdxSource":"$3b","examples":"$3e","slugs":"$3f","filename":"02-components/actions/context-menu/index.mdx"} +112:{"mdxSource":"$40","examples":"$43","slugs":"$44","filename":"02-components/actions/copy-button/index.mdx"} +113:{"mdxSource":"$45","examples":"$48","slugs":"$49","filename":"02-components/content/avatar/index.mdx"} +114:{"mdxSource":"$4a","examples":"$4d","slugs":"$4e","filename":"02-components/content/heading/index.mdx"} +115:{"mdxSource":"$4f","examples":"$52","slugs":"$55","filename":"02-components/content/icon/index.mdx"} +116:{"mdxSource":"$56","examples":"$59","slugs":"$5a","filename":"02-components/content/illustrated-message/index.mdx"} +117:{"mdxSource":"$5b","examples":"$5e","slugs":"$5f","filename":"02-components/content/image/index.mdx"} +118:{"mdxSource":"$60","examples":"$63","slugs":"$64","filename":"02-components/content/inline-code/index.mdx"} +119:{"mdxSource":"$65","examples":"$68","slugs":"$69","filename":"02-components/content/label/index.mdx"} +11a:{"mdxSource":"$6a","examples":"$6d","slugs":"$6e","filename":"02-components/content/labeled-value/index.mdx"} +11b:{"mdxSource":"$6f","examples":"$72","slugs":"$73","filename":"02-components/content/skeleton/index.mdx"} +11c:{"mdxSource":"$74","examples":"$77","slugs":"$78","filename":"02-components/content/text/index.mdx"} +11d:{"mdxSource":"$79","examples":"$7c","slugs":"$7d","filename":"02-components/form-controls/checkbox-button/index.mdx"} +11e:{"mdxSource":"$7e","examples":"$81","slugs":"$82","filename":"02-components/form-controls/checkbox-group/index.mdx"} +11f:{"mdxSource":"$83","examples":"$86","slugs":"$87","filename":"02-components/form-controls/checkbox/index.mdx"} +120:{"mdxSource":"$88","examples":"$8b","slugs":"$8c","filename":"02-components/form-controls/number-field/index.mdx"} +121:{"mdxSource":"$8d","examples":"$90","slugs":"$91","filename":"02-components/form-controls/radio-group/index.mdx"} +122:{"mdxSource":"$92","examples":"$95","slugs":"$96","filename":"02-components/form-controls/select/index.mdx"} +123:{"mdxSource":"$97","examples":"$9a","slugs":"$9b","filename":"02-components/form-controls/switch/index.mdx"} +124:{"mdxSource":"$9c","examples":"$9f","slugs":"$a0","filename":"02-components/form-controls/text-area/index.mdx"} +125:{"mdxSource":"$a1","examples":"$a4","slugs":"$a5","filename":"02-components/form-controls/text-field/index.mdx"} +126:{"mdxSource":"$a6","examples":"$a9","slugs":"$aa","filename":"02-components/navigation/breadcrumb/index.mdx"} +127:{"mdxSource":"$ab","examples":"$ae","slugs":"$b0","filename":"02-components/navigation/header-navigation/index.mdx"} +128:{"mdxSource":"$b1","examples":"$b4","slugs":"$b5","filename":"02-components/navigation/link/index.mdx"} +129:{"mdxSource":"$b6","examples":"$b9","slugs":"$ba","filename":"02-components/navigation/navigation/index.mdx"} +12a:{"mdxSource":"$bb","examples":"$be","slugs":"$c0","filename":"02-components/navigation/tabs/index.mdx"} +12b:{"mdxSource":"$c1","examples":"$c4","slugs":"$c7","filename":"02-components/overlays/modal/index.mdx"} +12c:{"mdxSource":"$c8","examples":"$cb","slugs":"$cd","filename":"02-components/overlays/off-canvas/index.mdx"} +12d:{"mdxSource":"$ce","examples":"$d1","slugs":"$d2","filename":"02-components/overlays/tooltip/index.mdx"} +12e:{"mdxSource":"$d3","examples":"$d6","slugs":"$d8","filename":"02-components/status/inline-alert/index.mdx"} +12f:{"mdxSource":"$d9","examples":"$dc","slugs":"$dd","filename":"02-components/status/loading-spinner/index.mdx"} +130:{"mdxSource":"$de","examples":"$e1","slugs":"$e2","filename":"02-components/status/progress-bar/index.mdx"} +131:{"mdxSource":"$e3","examples":"$e6","slugs":"$e7","filename":"02-components/status/status-badge/index.mdx"} +132:{"mdxSource":"$e8","examples":"$eb","slugs":"$ec","filename":"02-components/status/status-icon/index.mdx"} +133:{"mdxSource":"$ed","examples":"$f0","slugs":"$f1","filename":"02-components/structure/accordion/index.mdx"} +134:{"mdxSource":"$f2","examples":"$f5","slugs":"$f6","filename":"02-components/structure/column-layout/index.mdx"} +135:{"mdxSource":"$f7","examples":"$fa","slugs":"$fb","filename":"02-components/structure/layout-card/index.mdx"} +136:{"mdxSource":"$fc","examples":"$ff","slugs":"$103","filename":"02-components/structure/list/index.mdx"} +137:{"mdxSource":"$104","examples":"$107","slugs":"$109","filename":"02-components/structure/section/index.mdx"} +10b:["$10c","$10d","$10e","$10f","$110","$111","$112","$113","$114","$115","$116","$117","$118","$119","$11a","$11b","$11c","$11d","$11e","$11f","$120","$121","$122","$123","$124","$125","$126","$127","$128","$129","$12a","$12b","$12c","$12d","$12e","$12f","$130","$131","$132","$133","$134","$135","$136","$137"] +3:["$","html",null,{"lang":"en","children":["$","body",null,{"className":"flow layout_body__oiEIT","children":["$","$L5",null,{"children":[["$","header",null,{"className":"layout_header__ttTk7","children":[["$","$L6",null,{"size":"l","className":"layout_logo__PcxmI"}],["$","$L7",null,{"level":1,"className":"$undefined","children":"Flow"}],["$","$L8",null,{"className":"layout_betaBadge__Rtyuk","status":"warning","children":"beta"}],["$","$L9",null,{"className":"layout_headerNavigation__SNRbw","docs":[{"mdxSource":{"compiledSource":"$a","frontmatter":{"description":"Willkommen in der Flow Dokumentation!"},"scope":{}},"examples":{},"slugs":["01-getting-started","installation"],"filename":"01-getting-started/installation/index.mdx"},{"mdxSource":{"compiledSource":"$b","frontmatter":{},"scope":{}},"examples":{"composition":"import ExampleSvg from \"@/content/01-getting-started/stylesheet/examples/components/ExampleSvg\";\n\n;\n","multiple-variants":";\n","variants":";\n"},"slugs":["01-getting-started","stylesheet"],"filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Action","description":"Die Action Komponente kann um einen Button gelegt werden, um beispielsweise asynchrone Aktionen mit dem Button auszuführen."},"scope":{}},"examples":{"confirmation":"$c","default":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleep } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n","feedback":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\n\n {}} showFeedback>\n \n;\n","longAction":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Action from \"@mittwald/flow-react-components/Action\";\nimport { sleepLong } from \"@/content/02-components/actions/action/examples/lib\";\n\n\n \n;\n"},"slugs":["02-components","actions","action"],"filename":"02-components/actions/action/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ButtonGroup","description":"Die ButtonGroup dient dazu zusammengehörige Buttons sinnvoll zu gruppieren. Sie wird beispielsweise für Forms oder Modals verwendet."},"scope":{}},"examples":{"additionalSecondary":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n;\n","danger":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","default":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n;\n","info":"import ButtonGroup from \"@mittwald/flow-react-components/ButtonGroup\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n;\n"},"slugs":["02-components","actions","button-group"],"filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Button","description":"Der Button dient zum Ausführen von Aktionen."},"scope":{}},"examples":{"colors":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","default":"import Button from \"@mittwald/flow-react-components/Button\";\n\n {\n alert(\"Button gedrückt\");\n }}\n>\n Fortfahren/Aktion\n;\n","icon":"import Button from \"@mittwald/flow-react-components/Button\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","iconText":"import Button from \"@mittwald/flow-react-components/Button\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport { IconChevronDown } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","inverse":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","plain":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","small":"import Button from \"@mittwald/flow-react-components/Button\";\n\n;\n","soft":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n","states":"import Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","actions","button"],"filename":"02-components/actions/button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ContextMenu","description":"Beim ContextMenu handelt es sich um ein Popover, das eine Liste von Aktionen oder Verlinkungen enthält."},"scope":{}},"examples":{"default":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n {\n alert(id);\n }}\n >\n Item 1\n Item 2\n Item 3\n \n;\n","icon":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\nimport { IconInfo } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n {\n alert(id);\n }}\n >\n \n \n Item 1\n \n \n \n Item 2\n \n \n \n Item 3\n \n \n;\n","multi-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n","single-select":"import ContextMenu, {\n ContextMenuTrigger,\n} from \"@mittwald/flow-react-components/ContextMenu\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport MenuItem from \"@mittwald/flow-react-components/MenuItem\";\n\n\n \n \n Item 1\n Item 2\n Item 3\n \n;\n"},"slugs":["02-components","actions","context-menu"],"filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CopyButton","description":"Der CopyButton dient dazu Informationen in die Zwischenablage zu kopieren."},"scope":{}},"examples":{"default":"import CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n;\n"},"slugs":["02-components","actions","copy-button"],"filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Avatar","description":"Der Avatar kann ein Bild, Initialen oder ein Icon darstellen."},"scope":{}},"examples":{"colors":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\nimport { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport { IconCustomer } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Gillian Gopher\n \n \n Gustav Gopher\n \n \n Gina-Lisa Gopher\n \n \n Gorgio Gopher\n \n \n \n \n \n \n \n;\n","default":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n Gillian Gopher\n;\n","icon":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\nimport Avatar from \"@mittwald/flow-react-components/Avatar\";\n\n\n \n;\n","image":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Image from \"@mittwald/flow-react-components/Image\";\n\n\n \n;\n","sizes":"import Avatar from \"@mittwald/flow-react-components/Avatar\";\nimport Initials from \"@mittwald/flow-react-components/Initials\";\n\n\n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n \n Gillian Gopher\n \n;\n"},"slugs":["02-components","content","avatar"],"filename":"02-components/content/avatar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Heading","description":"Die Heading-Komponente wird verwendet, um Überschriften anzuzeigen"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\nDas ist eine Überschrift;\n","icon":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport { IconMember } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Persönliche Informationen\n;\n","level-visual":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n Das ist eine h4 Überschrift die aussieht wie eine h2\n Überschrift\n;\n","levels":"import Heading from \"@mittwald/flow-react-components/Heading\";\n\n<>\n \n Das ist eine Level 1 Überschrift\n \n \n Das ist eine Level 2 Überschrift\n \n \n Das ist eine Level 3 Überschrift\n \n \n Das ist eine Level 4 Überschrift\n \n \n Das ist eine Level 5 Überschrift\n \n;\n"},"slugs":["02-components","content","heading"],"filename":"02-components/content/heading/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Icon","description":"Die Icon-Komponente unterstützt Tabler Icons sowie benutzerdefinierte SVGs."},"scope":{}},"examples":{"coloring":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","default":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n;\n","descriptive":"$d","functional":"$e","sizes":"import { IconHome } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n;\n","states":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport {\n IconDanger,\n IconFailed,\n IconInfo,\n IconPending,\n IconSucceeded,\n IconSuccess,\n IconWarning,\n} from \"@mittwald/flow-react-components/Icons\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;\n","svg-string":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n() => {\n const svgString = `\\\n \n \n \n `;\n\n return {svgString};\n};\n","svg":"import Icon from \"@mittwald/flow-react-components/Icon\";\n\n\n \n \n \n;\n","tabler":"import Icon from \"@mittwald/flow-react-components/Icon\";\nimport { IconStar } from \"@tabler/icons-react\";\n\n\n \n;\n"},"slugs":["02-components","content","icon"],"filename":"02-components/content/icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n zoom: 0.7\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"IllustratedMessage","description":"Die IllustratedMessage dient als Platzhalter, wenn der eigentliche Inhalt nicht angezeigt werden kann."},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconApp } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Keine Apps installiert\n \n Lege deine erste App an, um mit der Arbeit an deiner\n Webseite loszulegen.\n \n \n;\n","negative":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport IllustratedMessage from \"@mittwald/flow-react-components/IllustratedMessage\";\nimport { IconDanger } from \"@mittwald/flow-react-components/Icons\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n \n Kein Zugriff\n \n Du hast keine Berechtigung, um auf diese Seite\n zuzugreifen.\n \n \n;\n"},"slugs":["02-components","content","illustrated-message"],"filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Image","description":"Mit der Image-Komponente können Bilder angezeigt werden."},"scope":{}},"examples":{"default":"import Image from \"@mittwald/flow-react-components/Image\";\n\n;\n"},"slugs":["02-components","content","image"],"filename":"02-components/content/image/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineCode","description":"InlineCode wird verwendet, um Code innerhalb eines Textes anzuzeigen."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\n\n\n Gib yarn start ein um deine App\n zu starten.\n;\n"},"slugs":["02-components","content","inline-code"],"filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Label","description":"Ein Label dient der Beschreibung eines Elements, und wird beispielsweise für Formularfelder oder in LabeledValues verwendet."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","content","label"],"filename":"02-components/content/label/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LabeledValue","description":"Ein LabeledValue zeigt eine Information mit einem Label an."},"scope":{}},"examples":{"copy-button":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n p-eWRhpRV\n \n;\n","default":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n 20 GB\n;\n","inline-code":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport InlineCode from \"@mittwald/flow-react-components/InlineCode\";\nimport CopyButton from \"@mittwald/flow-react-components/CopyButton\";\n\n\n \n 127.0.0.1\n \n;\n","link":"import LabeledValue from \"@mittwald/flow-react-components/LabeledValue\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n https://mittwald.de\n;\n"},"slugs":["02-components","content","labeled-value"],"filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Skeleton","description":"Das Skeleton kann als Platzhalter für Content im Ladezustand verwendet werden."},"scope":{}},"examples":{"custom-size":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n\n \n \n;\n","default":"import Skeleton from \"@mittwald/flow-react-components/Skeleton\";\n\n;\n"},"slugs":["02-components","content","skeleton"],"filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Text","description":"Die Text-Komponente wird verwendet, um Texte zu gruppieren."},"scope":{}},"examples":{"default":"import Text from \"@mittwald/flow-react-components/Text\";\n\nDas ist ein Text;\n","emulateBoldWidth":"import Text from \"@mittwald/flow-react-components/Text\";\n\n\n \n Das ist ein Text\n \n \n Das ist ein Text\n \n;\n"},"slugs":["02-components","content","text"],"filename":"02-components/content/text/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxButton","description":"Der CheckboxButton verhält sich wie eine Checkbox."},"scope":{}},"examples":{"default":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox-button"],"filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"CheckboxGroup","description":"Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von Checkboxen"},"scope":{}},"examples":{"buttons":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","customColumns":"import CheckboxButton from \"@mittwald/flow-react-components/CheckboxButton\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n","default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\nimport CheckboxGroup from \"@mittwald/flow-react-components/CheckboxGroup\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Lesen\n Schreiben\n;\n"},"slugs":["02-components","form-controls","checkbox-group"],"filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Checkbox","description":"Die Checkbox dient dazu einen Wert zu aus- oder abzuwählen."},"scope":{}},"examples":{"default":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","disabled":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n","indeterminated":"import Checkbox from \"@mittwald/flow-react-components/Checkbox\";\n\n\n Ich stimme den AGBs zu und bestätige, dass ich die\n Datenschutzhinweise zur Kenntnis genommen habe.\n;\n"},"slugs":["02-components","form-controls","checkbox"],"filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"NumberField","description":"Das NumberField dient der Eingabe von Zahlen."},"scope":{}},"examples":{"default":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Gib dein Alter ein\n;\n","disabled":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","invalid":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Ungültige Eingabe\n;\n","required":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","unit":"import NumberField from \"@mittwald/flow-react-components/NumberField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","number-field"],"filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"RadioGroup","description":"Eine RadioGroup ist eine Liste von Optionen, von denen genau eine ausgewählt werden muss."},"scope":{}},"examples":{"buttons":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","content":"import RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n \n Domain buchen\n \n Du hast eine Wunsch-Domain? Kein Problem wir helfen\n dir die passende Domain für dich zu finden.\n \n \n \n Virtual Host einrichten\n \n Die Domain bleibt bei deinem bisherigen Anbieter, du\n kannst sie aber für deine Website in unserem mStudio\n verwenden.\n \n \n \n Subdomain anlegen\n \n Eine Subdomain von einer bereits vorhandenen Domain\n erstellen, um sie für dein Projekt zu verwenden.\n \n \n;\n","customColumns":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n RadioButton,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n","segmented":"import Label from \"@mittwald/flow-react-components/Label\";\nimport RadioGroup, {\n Radio,\n} from \"@mittwald/flow-react-components/RadioGroup\";\n\n\n \n Administrator\n Mitglied\n Buchhalter\n;\n"},"slugs":["02-components","form-controls","radio-group"],"filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Select","description":"Die Select-Komponente bietet eine Liste von Optionen an, von denen eine ausgewählt werden kann."},"scope":{}},"examples":{"default":"import Select, {\n Option,\n} from \"@mittwald/flow-react-components/Select\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n;\n"},"slugs":["02-components","form-controls","select"],"filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Switch","description":"Die Switch-Komponente stellt einen Schalter dar, mit dem eine Option aktiviert oder deaktiviert werden kann."},"scope":{}},"examples":{"default":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","disabled":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n","leading-label":"import Switch from \"@mittwald/flow-react-components/Switch\";\n\nAutoresponder;\n"},"slugs":["02-components","form-controls","switch"],"filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextArea","description":"Die Textarea dient zur Eingabe längerer Texte und stellt diese mehrzeilig dar."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextArea from \"@mittwald/flow-react-components/TextArea\";\n\n;\n"},"slugs":["02-components","form-controls","text-area"],"filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"TextField","description":"Ein TextField ermöglicht es dem Nutzer, Text über die Tastatur in ein User-Interface einzugeben. Ein erforderliches Label und eine optionale FieldDescription unterstützen dabei, die Anforderungen an die Eingabe klar zu kommunizieren."},"scope":{}},"examples":{"default":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldDescription from \"@mittwald/flow-react-components/FieldDescription\";\n\n\n \n Beginnt mit https://\n;\n","disabled":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n","invalid":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport FieldError from \"@mittwald/flow-react-components/FieldError\";\n\n\n \n Das ist keine URL\n;\n","required":"import Label from \"@mittwald/flow-react-components/Label\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\n\n\n \n;\n"},"slugs":["02-components","form-controls","text-field"],"filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Breadcrumb","description":"Die Breadcrumb zeigt die aktuelle Position in der Hierarchie der Website und bietet die Möglichkeit schnell zu höheren Navigationsebenen zu springen."},"scope":{}},"examples":{"default":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n","inverse":"import Breadcrumb from \"@mittwald/flow-react-components/Breadcrumb\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Projekte\n Apps\n Meine App\n;\n"},"slugs":["02-components","navigation","breadcrumb"],"filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"HeaderNavigation","description":"Bei der HeaderNavigation handelt es sich um eine horizontal dargestellte Navigation, die als Hauptnavigation einer Seite verwendet werden kann."},"scope":{}},"examples":{"contextMenu":"$f","default":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Komponenten\n \n \n;\n","inverse":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconSearch } from \"@mittwald/flow-react-components/Icons\";\nimport HeaderNavigation from \"@mittwald/flow-react-components/HeaderNavigation\";\n\n\n Getting startet\n \n Components\n \n \n;\n"},"slugs":["02-components","navigation","header-navigation"],"filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Link","description":"Die Link-Komponente kann zur Navigation innerhalb der Seite oder zu externen Zielen genutzt werden."},"scope":{}},"examples":{"default":"import Link from \"@mittwald/flow-react-components/Link\";\n\nZum Dashboard;\n","icon":"import Link from \"@mittwald/flow-react-components/Link\";\nimport { IconExternalLink } from \"@mittwald/flow-react-components/Icons\";\n\n\n mittwald.de\n \n;\n","inline":"import Link from \"@mittwald/flow-react-components/Link\";\n\n\n Inline link\n;\n","inlineText":"import Link from \"@mittwald/flow-react-components/Link\";\nimport Text from \"@mittwald/flow-react-components/Text\";\n\n\n Sieh dir unser Onboarding an um\n weitere Informationen zu erhalten.\n;\n"},"slugs":["02-components","navigation","link"],"filename":"02-components/navigation/link/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Navigation","description":"Bei der Navigation handelt es sich um eine Liste von Links, die optional auch in Gruppen unterteilt werden kann."},"scope":{}},"examples":{"collapsable":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","default":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n Apple\n \n mittwald\n \n Adobe\n Google\n;\n","groups":"import Navigation, {\n NavigationGroup,\n} from \"@mittwald/flow-react-components/Navigation\";\nimport Link from \"@mittwald/flow-react-components/Link\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n Dashboard\n \n Performance\n \n \n \n \n Apps\n Datenbanken\n Domains\n \n;\n","icons":"import Navigation from \"@mittwald/flow-react-components/Navigation\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport {\n IconCustomer,\n IconProject,\n IconServer,\n} from \"@mittwald/flow-react-components/Icons\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n\n \n \n Organisationen\n \n \n \n Server\n \n \n \n Projekte\n \n;\n"},"slugs":["02-components","navigation","navigation"],"filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tabs","description":"Tabs erlauben dem Nutzer zwischen verschiedenen Inhaltsbereichen zu wechseln."},"scope":{}},"examples":{"collapsed":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","content":"$10","default":"import Tabs, {\n Tab,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n Speicherplatz\n Speicherplatz Inhalt\n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n","status":"import {\n Tab,\n Tabs,\n TabTitle,\n} from \"@mittwald/flow-react-components/Tabs\";\nimport { InlineAlert } from \"@mittwald/flow-react-components/InlineAlert\";\nimport { Heading } from \"@mittwald/flow-react-components/Heading\";\nimport { StatusIcon } from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n Allgemein\n Allgemeiner Inhalt\n \n \n \n Speicherplatz\n \n \n \n Dein Speicherplatz ist voll\n \n \n \n Spamschutz\n Spamschutz Inhalt\n \n;\n"},"slugs":["02-components","navigation","tabs"],"filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Modal","description":"Benutze das Modal um Inhalte in einem Overlay über der eigentlichen Oberfläche anzuzeigen."},"scope":{}},"examples":{"default":"$11","offCanvas":"$12"},"slugs":["02-components","overlays","modal"],"filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"OffCanvas","description":"Das OffCanvas dient dazu Inhalte in einem seitlich angeordneten Overlay anzuzeigen. Es kann beispielsweise für mobile Navigation verwendet werden"},"scope":{}},"examples":{"default":"$13"},"slugs":["02-components","overlays","off-canvas"],"filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Tooltip","description":"Ein Tooltip zeigt dem Benutzer zusätzliche Informationen beim hovern an."},"scope":{}},"examples":{"default":"import Tooltip, {\n TooltipTrigger,\n} from \"@mittwald/flow-react-components/Tooltip\";\nimport Button from \"@mittwald/flow-react-components/Button\";\nimport { IconCopy } from \"@mittwald/flow-react-components/Icons\";\n\n\n \n Speichern\n;\n"},"slugs":["02-components","overlays","tooltip"],"filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"InlineAlert","description":"Der InlineAlert zeigt relevante Hinweise innerhalb des Contents an."},"scope":{}},"examples":{"default":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\n\n\n E-Mail-Adresse wurde archiviert\n;\n","status":"$14","with-content":"import InlineAlert from \"@mittwald/flow-react-components/InlineAlert\";\nimport Heading from \"@mittwald/flow-react-components/Heading\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Button from \"@mittwald/flow-react-components/Button\";\n\n\n E-Mail-Adresse wurde archiviert\n \n Da deine Domain gelöscht wurde, wurde diese\n E-Mail-Adresse archiviert. Um E-Mails empfangen und\n senden zu können musst du die Adresse wieder umbenennen.\n \n \n;\n"},"slugs":["02-components","status","inline-alert"],"filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LoadingSpinner","description":"Der Loading Spinner zeigt an, dass sich ein Element oder eine Seite im Ladezustand befindet."},"scope":{}},"examples":{"default":"import LoadingSpinner from \"@mittwald/flow-react-components/LoadingSpinner\";\n\n;\n"},"slugs":["02-components","status","loading-spinner"],"filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ProgressBar","description":"Die Progressbar zeigt an wie weit ein Vorgang fortgeschritten ist."},"scope":{}},"examples":{"default":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","maxValue":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","small":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n;\n","status":"import ProgressBar from \"@mittwald/flow-react-components/ProgressBar\";\n\n\n \n Info\n \n \n Success\n \n \n Warning\n \n \n Danger\n \n;\n"},"slugs":["02-components","status","progress-bar"],"filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusBadge","description":"Der StatusBadge zeigt Informationen zum Zustand eines Elements."},"scope":{}},"examples":{"default":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\nArchiviert;\n","status":"import StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\n\n\n Archiviert\n \n Update erfolgreich\n \n \n Speicher fast voll\n \n SSL fehlt\n;\n"},"slugs":["02-components","status","status-badge"],"filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"StatusIcon","description":"Das StatusIcon dient zur Veranschaulichung eines Status, beispielsweise in einem StatusBadge oder InlineAlert"},"scope":{}},"examples":{"default":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n;\n","status":"import StatusIcon from \"@mittwald/flow-react-components/StatusIcon\";\n\n\n \n \n \n \n;\n"},"slugs":["02-components","status","status-icon"],"filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Accordion","description":"Das Accordion dient dazu Content-Bereiche ein- und auszublenden."},"scope":{}},"examples":{"default-expanded":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\n\n\n Accordion Titel\n Inhalt des Accordions\n;\n","label":"import Accordion from \"@mittwald/flow-react-components/Accordion\";\nimport Content from \"@mittwald/flow-react-components/Content\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n Inhalt des Accordions\n;\n"},"slugs":["02-components","structure","accordion"],"filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"ColumnLayout","description":"Mit dem ColumnLayout kann Inhalt in Spalten unterteilt werden."},"scope":{}},"examples":{"custom-values":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n","default":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n;\n","main":"import ColumnLayout from \"@mittwald/flow-react-components/ColumnLayout\";\nimport TextField from \"@mittwald/flow-react-components/TextField\";\nimport Label from \"@mittwald/flow-react-components/Label\";\n\n\n \n \n \n \n \n \n;\n"},"slugs":["02-components","structure","column-layout"],"filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"LayoutCard","description":"Eine LayoutCard ist ein Struktur-Element, das mit beliebigem Inhalt gefüllt werden kann"},"scope":{}},"examples":{"default":"import LayoutCard from \"@mittwald/flow-react-components/LayoutCard\";\n\nInhalt der Layout Card;\n"},"slugs":["02-components","structure","layout-card"],"filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true,\n example: \"main\",\n zoom: 0.6\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"List","description":"Die List-Component stellt eine Liste von Elementen mit verschiedenen Informationen dar."},"scope":{}},"examples":{"default":"$15","main":"$16","withLink":"$17"},"slugs":["02-components","structure","list"],"filename":"02-components/structure/list/index.mdx"},{"mdxSource":{"compiledSource":"/*@jsxRuntime automatic @jsxImportSource react*/\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const {LiveCodeEditor} = Object.assign({}, _provideComponents(), props.components);\n if (!LiveCodeEditor) _missingMdxReference(\"LiveCodeEditor\", true);\n return _jsx(LiveCodeEditor, {\n editorDisabled: true\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {\n children: _jsx(_createMdxContent, props)\n })) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","frontmatter":{"component":"Section","description":"Die Section dient der Unterteilung von Inhalten in verschiedene Abschnitte"},"scope":{}},"examples":{"default":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Link from \"@mittwald/flow-react-components/Link\";\n\n
    \n Newsletter\n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n Newsletter abonnieren\n
    ;\n","multiple":"$18","status-badge":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport StatusBadge from \"@mittwald/flow-react-components/StatusBadge\";\nimport Header from \"@mittwald/flow-react-components/Header\";\n\n
    \n
    \n Newsletter\n Subscribed\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n","switch":"import Heading from \"@mittwald/flow-react-components/Heading\";\nimport Header from \"@mittwald/flow-react-components/Header\";\nimport Text from \"@mittwald/flow-react-components/Text\";\nimport Section from \"@mittwald/flow-react-components/Section\";\nimport Switch from \"@mittwald/flow-react-components/Switch\";\n\n
    \n
    \n Newsletter\n Abonnement\n
    \n \n Kommende Releases, neue Features und Tipps rund um dein\n Hosting – wir bringen dir das Wichtigste in dein\n Postfach. Abonniere unseren Newsletter und bleib auf dem\n Laufenden.\n \n
    ;\n"},"slugs":["02-components","structure","section"],"filename":"02-components/structure/section/index.mdx"}]}],["$","$L19",null,{"className":"layout_mobileNavigation__1XY9K","children":["$","$L1a",null,{"children":[["$","$L1b",null,{"color":"secondary","variant":"plain","children":["$","$L1c",null,{}]}],["$","$L1d",null,{"className":"layout_mobileNavigationOffCanvas__coBZM","children":["$","$L1e",null,{"children":[["$","$L9",null,{"docs":[{"mdxSource":"$1f","examples":"$23","slugs":"$24","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$25","examples":"$29","slugs":"$2a","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2b","examples":"$2e","slugs":"$30","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$31","examples":"$34","slugs":"$35","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$36","examples":"$39","slugs":"$3a","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3b","examples":"$3e","slugs":"$3f","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$40","examples":"$43","slugs":"$44","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$45","examples":"$48","slugs":"$49","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4a","examples":"$4d","slugs":"$4e","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$4f","examples":"$52","slugs":"$55","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$56","examples":"$59","slugs":"$5a","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5b","examples":"$5e","slugs":"$5f","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$60","examples":"$63","slugs":"$64","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$65","examples":"$68","slugs":"$69","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6a","examples":"$6d","slugs":"$6e","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$6f","examples":"$72","slugs":"$73","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$74","examples":"$77","slugs":"$78","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$79","examples":"$7c","slugs":"$7d","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7e","examples":"$81","slugs":"$82","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$83","examples":"$86","slugs":"$87","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$88","examples":"$8b","slugs":"$8c","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8d","examples":"$90","slugs":"$91","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$92","examples":"$95","slugs":"$96","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$97","examples":"$9a","slugs":"$9b","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9c","examples":"$9f","slugs":"$a0","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a1","examples":"$a4","slugs":"$a5","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a6","examples":"$a9","slugs":"$aa","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ab","examples":"$ae","slugs":"$b0","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b1","examples":"$b4","slugs":"$b5","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b6","examples":"$b9","slugs":"$ba","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$bb","examples":"$be","slugs":"$c0","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c1","examples":"$c4","slugs":"$c7","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c8","examples":"$cb","slugs":"$cd","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$ce","examples":"$d1","slugs":"$d2","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d3","examples":"$d6","slugs":"$d8","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d9","examples":"$dc","slugs":"$dd","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$de","examples":"$e1","slugs":"$e2","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e3","examples":"$e6","slugs":"$e7","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e8","examples":"$eb","slugs":"$ec","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$ed","examples":"$f0","slugs":"$f1","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f2","examples":"$f5","slugs":"$f6","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f7","examples":"$fa","slugs":"$fb","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fc","examples":"$ff","slugs":"$103","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$104","examples":"$107","slugs":"$109","filename":"02-components/structure/section/index.mdx"}]}],["$","$L10a",null,{"docs":"$10b"}]]}]}]]}]}]]}],["$","div",null,{"className":"layout_center__e1uqg","children":[["$","$L138",null,{"className":"layout_mainNavigation__zVTd_","children":["$","$L10a",null,{"docs":[{"mdxSource":"$1f","examples":"$23","slugs":"$24","filename":"01-getting-started/installation/index.mdx"},{"mdxSource":"$25","examples":"$29","slugs":"$2a","filename":"01-getting-started/stylesheet/index.mdx"},{"mdxSource":"$2b","examples":"$2e","slugs":"$30","filename":"02-components/actions/action/index.mdx"},{"mdxSource":"$31","examples":"$34","slugs":"$35","filename":"02-components/actions/button-group/index.mdx"},{"mdxSource":"$36","examples":"$39","slugs":"$3a","filename":"02-components/actions/button/index.mdx"},{"mdxSource":"$3b","examples":"$3e","slugs":"$3f","filename":"02-components/actions/context-menu/index.mdx"},{"mdxSource":"$40","examples":"$43","slugs":"$44","filename":"02-components/actions/copy-button/index.mdx"},{"mdxSource":"$45","examples":"$48","slugs":"$49","filename":"02-components/content/avatar/index.mdx"},{"mdxSource":"$4a","examples":"$4d","slugs":"$4e","filename":"02-components/content/heading/index.mdx"},{"mdxSource":"$4f","examples":"$52","slugs":"$55","filename":"02-components/content/icon/index.mdx"},{"mdxSource":"$56","examples":"$59","slugs":"$5a","filename":"02-components/content/illustrated-message/index.mdx"},{"mdxSource":"$5b","examples":"$5e","slugs":"$5f","filename":"02-components/content/image/index.mdx"},{"mdxSource":"$60","examples":"$63","slugs":"$64","filename":"02-components/content/inline-code/index.mdx"},{"mdxSource":"$65","examples":"$68","slugs":"$69","filename":"02-components/content/label/index.mdx"},{"mdxSource":"$6a","examples":"$6d","slugs":"$6e","filename":"02-components/content/labeled-value/index.mdx"},{"mdxSource":"$6f","examples":"$72","slugs":"$73","filename":"02-components/content/skeleton/index.mdx"},{"mdxSource":"$74","examples":"$77","slugs":"$78","filename":"02-components/content/text/index.mdx"},{"mdxSource":"$79","examples":"$7c","slugs":"$7d","filename":"02-components/form-controls/checkbox-button/index.mdx"},{"mdxSource":"$7e","examples":"$81","slugs":"$82","filename":"02-components/form-controls/checkbox-group/index.mdx"},{"mdxSource":"$83","examples":"$86","slugs":"$87","filename":"02-components/form-controls/checkbox/index.mdx"},{"mdxSource":"$88","examples":"$8b","slugs":"$8c","filename":"02-components/form-controls/number-field/index.mdx"},{"mdxSource":"$8d","examples":"$90","slugs":"$91","filename":"02-components/form-controls/radio-group/index.mdx"},{"mdxSource":"$92","examples":"$95","slugs":"$96","filename":"02-components/form-controls/select/index.mdx"},{"mdxSource":"$97","examples":"$9a","slugs":"$9b","filename":"02-components/form-controls/switch/index.mdx"},{"mdxSource":"$9c","examples":"$9f","slugs":"$a0","filename":"02-components/form-controls/text-area/index.mdx"},{"mdxSource":"$a1","examples":"$a4","slugs":"$a5","filename":"02-components/form-controls/text-field/index.mdx"},{"mdxSource":"$a6","examples":"$a9","slugs":"$aa","filename":"02-components/navigation/breadcrumb/index.mdx"},{"mdxSource":"$ab","examples":"$ae","slugs":"$b0","filename":"02-components/navigation/header-navigation/index.mdx"},{"mdxSource":"$b1","examples":"$b4","slugs":"$b5","filename":"02-components/navigation/link/index.mdx"},{"mdxSource":"$b6","examples":"$b9","slugs":"$ba","filename":"02-components/navigation/navigation/index.mdx"},{"mdxSource":"$bb","examples":"$be","slugs":"$c0","filename":"02-components/navigation/tabs/index.mdx"},{"mdxSource":"$c1","examples":"$c4","slugs":"$c7","filename":"02-components/overlays/modal/index.mdx"},{"mdxSource":"$c8","examples":"$cb","slugs":"$cd","filename":"02-components/overlays/off-canvas/index.mdx"},{"mdxSource":"$ce","examples":"$d1","slugs":"$d2","filename":"02-components/overlays/tooltip/index.mdx"},{"mdxSource":"$d3","examples":"$d6","slugs":"$d8","filename":"02-components/status/inline-alert/index.mdx"},{"mdxSource":"$d9","examples":"$dc","slugs":"$dd","filename":"02-components/status/loading-spinner/index.mdx"},{"mdxSource":"$de","examples":"$e1","slugs":"$e2","filename":"02-components/status/progress-bar/index.mdx"},{"mdxSource":"$e3","examples":"$e6","slugs":"$e7","filename":"02-components/status/status-badge/index.mdx"},{"mdxSource":"$e8","examples":"$eb","slugs":"$ec","filename":"02-components/status/status-icon/index.mdx"},{"mdxSource":"$ed","examples":"$f0","slugs":"$f1","filename":"02-components/structure/accordion/index.mdx"},{"mdxSource":"$f2","examples":"$f5","slugs":"$f6","filename":"02-components/structure/column-layout/index.mdx"},{"mdxSource":"$f7","examples":"$fa","slugs":"$fb","filename":"02-components/structure/layout-card/index.mdx"},{"mdxSource":"$fc","examples":"$ff","slugs":"$103","filename":"02-components/structure/list/index.mdx"},{"mdxSource":"$104","examples":"$107","slugs":"$109","filename":"02-components/structure/section/index.mdx"}]}]}],["$","main",null,{"className":"layout_main__30FUz","children":["$","$L139",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L13a",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]]}]]}]}]}] 4:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Flow – mittwald Design System"}],["$","link","3",{"rel":"icon","href":"/flow-previews/docs/302-accordion-component/favicon.ico","type":"image/x-icon","sizes":"48x48"}]] 1:null